CSS下划线经常被用来装饰链接和文本,但有时候我们也需要让下划线消失。下面是几种方法来实现这个效果。
a { text-decoration: none; /* 文本下划线消失 */ } a:hover { border-bottom: none; /* 鼠标滑过链接下划线消失 */ } hr { display: none; /* 水平线消失 */ }
如果你想让链接的下划线消失,可以添加text-decoration: none;到链接的CSS代码中,这将会把所有链接的下划线都消除掉。
如果你只想在鼠标滑过链接时消除下划线,可以在:hover伪类中添加border-bottom: none;。这样只有在鼠标滑过链接时才会消除下划线。
另外,如果你想让水平线消失,可以使用display: none;来隐藏它。
总之,通过这些简单的CSS代码,你可以轻松地消除下划线和水平线。