列表案例


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

 

posted @ 2018-05-27 09:49  红领巾***  阅读(113)  评论(0编辑  收藏  举报