css中列表样式是什么

来自:互联网
时间:2021-03-21
阅读:

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;
 
  }
返回顶部
顶部