Blogger Information
Blog 54
fans 4
comment 1
visits 54937
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
实例演示无序列表的基本使用-2019年7月2日
神仙不在的博客
Original
656 people have browsed it

ul是无序列表,它比ol,dl应用面更广,所以我们要牢记它的基本使用。最典型的应用就是写导航。下面就是实例

实例

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>ul的基本使用</title>
</head>
<body>
<!--ul>li*5>a{导航$}-->
<ul>
    <li><a href="">导航1</a></li>
    <li><a href="">导航2</a></li>
    <li><a href="">导航3</a></li>
    <li><a href="">导航4</a></li>
    <li><a href="">导航5</a></li>
</ul>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


ul实例前面的小黑点可以通过css来去掉,也可以通过添加图片的方式来模拟ol的使用,dl一般用在友情链接,或者某个定义上面。ol使用真的很少,都被ul代替了。

Correction status:qualified

Teacher's comments:请下次统一提交, 不要分多次
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post