css 5 添加 上顶线

在CSS 5中，添加上顶线是一个非常实用的特性。通过上顶线，我们可以让部分文字或者图片在顶部留有一定的空白，更好地突出它们的重要性。

在CSS中，添加上顶线的方法也很简单。我们可以通过下面的代码来实现：

.element {
  margin-top: 10px; /* 上方留出10像素的空白 */
  border-top: 1px solid #000; /* 上顶线的样式和颜色 */
}

在这段代码中，我们首先给要添加上顶线的元素设置了一个上间距为10像素，这样可以让它在顶部留出一定的空白。接着，我们通过border-top属性来为这个元素添加上顶线，将其样式设置为实线并且颜色为黑色。

需要注意的是，添加上顶线的元素必须具有一定的高度。如果元素的高度过小，顶线可能会显得非常细小，甚至难以看清。因此，在使用上顶线的时候一定要注意元素的高度设置。

总的来说，添加上顶线是一种非常实用的CSS特性。通过适当的上间距和顶线设计，我们可以更好地突出页面中的重点内容，提高用户的阅读体验。