Css :- List colour


The color of the bullets can be changed in css class. 

changing properties are defined in every class and can be assigned to elements.

Code :-


<!DOCTYPE html> 

<html> 
<head> 
 <meta name="viewport" content="width=device-width, initial-scale=1"> 
 <style> 
  ul>li { 
   list-style: none; 
  } 
   
  ul>li:before { 
   color: red; 
   content: "."; 
   font-size: 5em; 
   text-shadow: #eee 2px 2px 2px; 
   margin-right: 10px; 
  } 
 </style> 
</head> 
<body> 
 <ul> 
  <li>List 1</li> 
  <li>List 2</li> 
  <li>List 3</li> 
  <li>List 4</li> 
  <li>List 5</li> 
  <li>List 6</li> 
 </ul> 
</body> 
</html>
Css :- List colour Css :- List colour Reviewed by Network security on May 23, 2019 Rating: 5

No comments:

Useful Information

Powered by Blogger.