CSS中如何设置li边框在HTML中,标签通常用于有序或无序列表,比如说一个菜单列表。而在CSS中,我们可以通过设置边框来美化这些列表,使其更加突出和吸引人。接下来,我们将具体介绍如何设置标签的边框。...
CSS中如何设置li边框
在HTML中,
CSS
li {
border: 2px solid black;
}
HTML
<ul>
<li class="menu-item">菜单项1</li>
<li class="menu-item">菜单项2</li>
<li>普通列表项</li>
</ul>
CSS
.menu-item {
border: 2px solid black;
}
CSS
li {
border: 2px dotted black; /*点线边框*/
border: 2px dashed black; /*虚线边框*/
border: 2px double black; /*双线边框*/
border: 2px groove black; /*3D凹线边框*/
border: 2px ridge black; /*3D凸线边框*/
}
CSS
li {
border-top: 2px solid black;
border-bottom: 1px dashed gray;
border-left: 3px dashed blue;
border-right: 3px dotted red;
}