CSS中如何设置li边框在HTML中,标签通常用于有序或无序列表,比如说一个菜单列表。而在CSS中,我们可以通过设置边框来美化这些列表,使其更加突出和吸引人。接下来,我们将具体介绍如何设置标签的边框。
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; }
粉丝
0
关注
0
收藏
0