HTML文字下划线的设置

html-css022

HTML文字下划线的设置,第1张

HTML文字下划线怎么设置？很简单，用一个css样式就可以了。下面来看一下。 先在html里创建一段文字。 这时我们运行页面，可以看到这段文字并没有下划线的。 要添加下划线，我们添加一段css代码就行了，代码如下 text-decoration: underline。 再次运行页面，可以看到现在的文字就已经有了下划线了。

a{text-decoration: none}//这个是设置a标签的默认状态去除下划线

a:visited{text-decoration: none}//这个是设置a标签的访问过后的状态去除下划线

a:hover {text-decoration: none}//这个是设置a标签的鼠标覆盖状态去除下划线

a:active{text-decoration:none}//这个是设置a标签的活跃状态去除下划线

1、在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示showcssstyles的那个按钮)，在弹出的CSSStyles面板上双击(none)。

2、此时，可看到弹出的EditStyleSheet面板，在该面板上按New按钮。

3、弹出的NewStyle面板上点取RedefineHTMLTag(重新定义HTML标记)再在Tag中选择a(超级链接标记)标记后按OK按钮。

4、这时可看到弹出的Styledehinitionfora的对话框，在此对话框中可以设置超级链接的许多属性，你可以按你的意愿设置，但我们这里主要是要去掉那讨厌的下划线，所以我们在decoration属性中选择none，这样就把下划线去掉了。然后我们再选择颜色为：#339966。按OK按钮返回到EditStyleSheet面板。

5、在EditStyleSheet面板上再按New按钮。

6、在弹出的NewStyle面板上点取UseCSSSelector，再在该面板上的selector选择框中选择a:hover(定义当鼠标在超级链接上时链接的属性)，按OK按钮。

7、在弹出的Styledehinitionfora:hover的对话框中，我们在decoration属性中选择underline，这样就把下划线又加上了。然后我们再选择颜色为：#FF3300。按OK按钮返回到EditStyleSheet面板。

8、在EditStyleSheet面板上再按Don按钮，至此所有设置结束。