HTML文字下划线的设置

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

HTML文字下划线怎么设置?很简单,用一个css样式就可以了。下面来看一下。

先在html里创建一段文字。

这时我们运行页面,可以看到这段文字并没有下划线的。

要添加下划线,我们添加一段css代码就行了,代码如下 text-decoration: underline。

再次运行页面,可以看到现在的文字就已经有了下划线了。

html蓝色双下划线通过“textdecoration”属性给文字添加下划线。HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7721775.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存