欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1、css有序列表(ol)和css无序列表(ul)
 
  list.html
 
  <!doctypehtml><html><head>
 
  <metacharset="utf-8">
 
  <title>列表样式</title>
 
  <linkhref="box.css"type="text/css"rel="stylesheet"></head><body>
 
  <p>
 
  <ul>
 
  <li>水果<ol>
 
  <li>苹果</li>
 
  <li>香蕉</li>
 
  <li>梨子</li>
 
  </ol>
 
  </li>
 
  </ul>
 
  </p></body></html>
 
  2、css列表标号样式list-style-type
 
  属性值:
 
  circle;空心圆
 
  disc;实心圆
 
  decimal;数字
 
  list.css
 
  ul>li{
 
  list-style-type:circle;
 
  }
 
  ul>li>ol>li{
 
  list-style-type:disc;
 
  }
 
  3、css标号样式的显示方式list-style-position
 
  属性值:outside(在文本之外,默认)
 
  inside(和文本一起)
 
  list.css
 
  ul{
 
  text-align:center;
 
  list-style-position:outside;
 
  }
 
  ul>li{
 
  list-style-type:circle;
 
  }
 
  ul>li>ol>li{
 
  list-style-type:disc;
 
  }





本文转载自励志网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56853.shtml