CSS3 列表

符号样式

list-style-type

<ul style="list-style-type: decimal">
 <li>first</li>
 <li>second</li>
 <li>third</li>
</ul>


<!-- 更多符号 

none; 取消符号
disc; 实心圆
circle; 空心圆
square; 方块
decimal; 阿拉伯数字
lower-alpha; 小写字母
upper-roman; 大写字母

-->

效果

  • first
  • second
  • third

符号位置

list-style-position

<!-- outside 默认值,符号显示在边框之外 -->
<ul style="list-style-position: outside;"> 
 <li style="border: 1px solid #f8b500;">first</li>
</ul>

<!-- inside -->
<ul style="list-style-position: inside;"> 
 <li style="border: 1px solid #f8b500;">second</li>
</ul>

效果

  • first
  • second
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程