淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的ul和li是非常常见的列表标签。这些标签可以让我们方便地创建无序列表和有序列表,使网页内容更加组织有序。而横线则可以帮助我们更好地区分列表元素。

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-top: 10px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

上面这段代码中,我们首先对ul设置了样式,将其列表风格设置为none,同时去除了默认的边距和内边距。接下来对li设置了样式,让它们之间有10px的上边距,并在每个li元素下方添加了1px的灰色实线横线,同时给最后一个li元素去掉了横线.

li:last-child {
border-bottom: none;
}

上面这段代码可让最后一个li元素的横线去掉,使列表更加清晰明了。

CSS中的ul li横线可以帮助我们更好地组织列表元素,使网页内容更加清晰、易读。