[分享]css中a下面的线怎么加粗

在CSS中，链接a标签默认情况下下面会有一条线，即常见的“下划线”。但是，有时候我们需要让这条线加粗一些，以使整个页面的视觉效果更佳。那么，CSS中如何实现a下面的线加粗呢？ 其实，这个问题的解决方法...

在CSS中，链接a标签默认情况下下面会有一条线，即常见的“下划线”。但是，有时候我们需要让这条线加粗一些，以使整个页面的视觉效果更佳。那么，CSS中如何实现a下面的线加粗呢？
其实，这个问题的解决方法还是比较简单的，我们只需要在CSS中使用text-decoration属性即可，这个属性用来控制文本装饰效果，包括下划线、删除线等等。
下面是一个简单的例子，我们先来看一下HTML的代码：

 <p>这是一个包含链接a标签的段落，链接下面的线如何加粗呢？</p>
    <p>点击这个链接 <a href="#">去百度</a> 看看效果吧！</p> 

 a {
        text-decoration: underline;
        border-bottom: 2px solid red;
    }