.
3ss.cn

css中列表样式是什样

css中列表样式是:1、css有序列表【ol】和css无序列表【ul】;2、css列表标号样式【list-style-type】;3、css标号样式的显示方式【list-style-position】。

本教程操作环境:windows7系统、css3版,DELL G3电脑。

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;
 
  }
赞(0)
未经允许不得转载:互联学术 » css中列表样式是什样

评论 抢沙发