码迷,mamicode.com
首页 > 其他好文 > 详细

列表案例

时间:2018-05-27 12:04:59      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:center   ext   doc   code   咖啡   list   col   选项   title   


1 <h4>一个无序列表</h4>
2 <ul>
3     <li>咖啡</li>
4     <li>牛奶</li>
5     <li>茶</li>
6 </ul>

 

技术分享图片
1
<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 li{ 8 /* 清除列表项符号 */ 9 list-style:none; 10 background:url("li.gif") no-repeat left center; 11 text-indent:1em; 12 } 13 14 </style> 15 </head> 16 <body> 17 <!-- ul>li*5>a[#] --> 18 <ul> 19 <li><a href="#">默认选项</a></li> 20 <li><a href="#">默认选项</a></li> 21 <li><a href="#">默认选项</a></li> 22 <li><a href="#">默认选项</a></li> 23 <li><a href="#">默认选项</a></li> 24 </ul> 25 </body> 26 </html>

 

注:ul li标签
ul li 是一个组合:是无序列表标签,在实际中用的非常多,
与之对应的是有序列表:ol li

 

列表案例

标签:center   ext   doc   code   咖啡   list   col   选项   title   

原文地址:https://www.cnblogs.com/twinkle-/p/9095224.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!