css上顶线和下划线一起加

在CSS中，我们经常需要为文本添加一些装饰效果，例如上顶线或下划线，以便更好地突出文本内容或进行区分。更有趣的是，我们还可以将这两种效果同时应用在同一个文本上，从而使它看起来更加炫酷和有趣。

 .text {
        text-decoration: underline overline; 
    } 

上述代码就实现了同时添加上顶线和下划线的效果。"overline"表示上顶线，"underline"表示下划线。我们可以像上面代码那样，用空格将它们分开，就可以同时应用两种效果了。

选择这种方案的好处是，我们可以在不使用图片或其他复杂技术的情况下，轻松地创建出精美的装饰文本。而且，它是基于CSS的，因此兼容性良好、无需大量代码和JavaScript文件。

最后值得一提的是，在许多有小技巧的设计中，我们可以使用这种技术来实现许多独特的效果。因此，我们应该注意并善于运用它。