HTML文字下划线怎么设置？很简单，用一个css样式就可以了。下面来看一下。
01先在html里创建一段文字。
02这时我们运行页面，可以看到这段文字并没有下划线的。
03要添加下划线，我们添加一段css代码就行了，代码如下 text-decoration: underline。
04再次运行页面，可以看到现在的文字就已经有了下划线了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<u>测试下划线的文本</u>。
3、浏览器运行index.html页面，此时成功用u标签打印出了下划线文本。
1、在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示showcssstyles的那个按钮)，在d出的CSSStyles面板上双击(none)。2、此时，可看到d出的EditStyleSheet面板，在该面板上按New按钮。
3、d出的NewStyle面板上点取RedefineHTMLTag(重新定义HTML标记)再在Tag中选择a(超级链接标记)标记后按OK按钮。
4、这时可看到d出的Styledehinitionfora的对话框，在此对话框中可以设置超级链接的许多属性，你可以按你的意愿设置，但我们这里主要是要去掉那讨厌的下划线，所以我们在decoration属性中选择none，这样就把下划线去掉了。然后我们再选择颜色为：#339966。按OK按钮返回到EditStyleSheet面板。
5、在EditStyleSheet面板上再按New按钮。
6、在d出的NewStyle面板上点取UseCSSSelector，再在该面板上的selector选择框中选择a:hover(定义当鼠标在超级链接上时链接的属性)，按OK按钮。
7、在d出的Styledehinitionfora:hover的对话框中，我们在decoration属性中选择underline，这样就把下划线又加上了。然后我们再选择颜色为：#FF3300。按OK按钮返回到EditStyleSheet面板。
8、在EditStyleSheet面板上再按Don按钮，至此所有设置结束。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）