Getting started with CSS -- list)

1. unordered list project style attributes (list-style-type)

 
...... <Style type = "text/CSS">. W1 {list-style-type: circle;}. W2 {list-style-type: Square;}. W3 {list-style-type: disc ;}</Style> ...... <UlClass = "W1"> <Li> unordered list project 1 </LI> <li> unordered list project 2 </LI> <li> unordered list project 3 </LI> </ul> <ulClass = "W2"> <Li> unordered list project 1 </LI> <li> unordered list project 2 </LI> <li> unordered list project 3 </LI> </ul> <ulClass = "W3"> <Li> unordered list project 1 </LI> <li> unordered list project 2 </LI> <li> unordered list project 3 </LI> </ul> ......
 

2. ordered list project style attributes (same as above)

...... <Style type = "text/CSS">. Y1 {list-style-type: decimal;}. Y2 {list-style-type: Upper-Roman;}. Y3 {list-style-type: lower-Roman ;}</Style> ...... <OlClass = "Y1"> <Li> ordered list project 1 </LI> <li> ordered list project 1 </LI> <li> ordered list project 1 </LI> </OL> <olClass = "Y2"> <Li> ordered list project 1 </LI> <li> ordered list project 1 </LI> <li> ordered list project 1 </LI> </OL> <olClass = "Y3"> <Li> ordered list project 1 </LI> <li> ordered list project 1 </LI> <li> ordered list project 1 </LI> </OL> ......
 

3. List-style-Image)

 ......  ...... 
  

    class = "Xing"  
   
 unordered list project 1 
 
   
 unordered list project 2 
     
   
 unordered list project 3 
 
  
 ......