列表案例

Posted 柠檬不酸

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了列表案例相关的知识，希望对你有一定的参考价值。





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


 


以上是关于列表案例的主要内容，如果未能解决你的问题，请参考以下文章
 

 Visual Studio 自定义代码片段在方法定义的参数列表中不起作用


 架构丰富的代码片段也应该用于产品列表吗？


 片段 A 的列表视图中的片段 B 中的新列表视图，单击 A 的列表项


 Android，从其他片段返回的空列表视图


 13 个非常有用的 Python 代码片段


 Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段