主页 分类 关于

CSS 列表

CSS个人整理

有序列表

 <style>
ol li{
color: blue;
}
</style>
<body>
<ol>
<li>史迪奇法师</li>
<li>史迪奇战士</li>
<li>史迪奇辅助</li>
<li>史迪奇坦克</li>
<li>史迪奇刺客</li>
<ol>
</body>

无序列表

 <style>
ul li{
list-style: none; //去掉原点
list-style: cirle; //空心圆
list-style: decimal; //数字
list-style: square; //正方形
}
</style>
<body>
<ul>
<li>史迪奇法师</li>
<li>史迪奇战士</li>
<li>史迪奇辅助</li>
<li>史迪奇坦克</li>
<li>史迪奇刺客</li>
<ul>
</body>

自定义列表

 <style>
dl dd dt{
color: blue;
}
</style>
<body>
<dl>
<dt>史迪奇近战</dt>
<li>史迪奇战士</li>
<li>史迪奇辅助</li>
<li>史迪奇坦克</li>
<li>史迪奇刺客</li>
<dt>史迪奇远程</dt>
<li>史迪奇法师</li>
<li>史迪奇射手</li>
<dl>
</body>









作者: 我叫史迪奇
本文来自于: https://sdq3.link/CSS%E5%88%97%E8%A1%A8.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议