li { border-bottom: 1px solid #ccc; }
上面的代码表示为li元素添加了一条下边框,颜色为灰色。可以根据需要修改颜色和粗细来调整样式效果。此外,通过修改上边框、左边框、右边框等属性,也可以为li元素添加其他线条。
li { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px; }
上面的代码表示为li元素添加了上下虚线边框,并为其中的内容添加了10px的内边距。这样的效果可以使列表更加清晰明了。
总的来说,通过为li元素添加线条,可以有效增加网页的视觉效果。通过CSS设置边框样式,可以实现不同的线条效果,让网页看上去更加美观和有吸引力。