html鼠标点击出现下划线

html-css013

html鼠标点击出现下划线,第1张

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按钮,至此所有设置结束。

使用text-decoration即可去掉下划线,具体操作方法如下。

设备:戴尔电脑

系统:win10

软件:html文件

1、首先打开电脑之后,新建一个html文件,输入html网页的结构,如下图所示。

2、然后在body标签中添加a标签,在a标签里输入文字,如下图所示。

3、这时可以看到a标签是默认带有下划线的,想要去掉下划线,只要给a标签添加一个texte-decoration样式就可以删除,如下图所示。

4、删除完成之后,最后保存文件,运行网页查看结果,已去除下划线,如下图所示。