首页 > 其他 > 详细

列表案例

时间:2018-05-27 11:25:13      阅读:214      评论:0      收藏:0      [点我收藏+]

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

 

列表案例

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!