css如何控制链接样式时 下划线的颜色?

html-css012

css如何控制链接样式时 下划线的颜色?,第1张

有两个方法,第一个就是给A标签加上一个:text-decoration:underline,属性,当然它的颜色和字体是一样的颜色!

第二个就是给A标签加一个底部边框:border-bottom:1px solid red,要想与文字有间距使用padding-bottom属性就可以了!第二种可以单独控制下划线的样式!

一般有两种方法:

一、通过CSS下划线代码:text-decoration:underline来设置文字下划线。

实例演示如下:

1、实例代码如下:

此时页面效果如下:

2、修改第1步中的txt样式,加入text-decoration:underline。

此时页面效果如下,出现了下划线。

二、通过设置div的border实现效果:

实例演示如下:

在第一种方法的初始代码上,增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式,如下:

此时页面效果如下: