温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML常用的下划线样式是什么

发布时间:2022-03-22 13:53:36 来源:亿速云 阅读:279 作者:iii 栏目:web开发

这篇“HTML常用的下划线样式是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML常用的下划线样式是什么”文章吧。

1、翰墨带下划线的法子显示 

应用html中<u>标签就可对加u标签的翰墨加下划线,实例花样以下图
 

HTML常用的下划线样式是什么
但是留心的时辰u标签因而<u>开始</u>结束的一对标签,<u>我是被加下划线的</u>

2、超链接翰墨下划线-css 超链接详细先容   
咱们每每重要让带超链接的文字,以有下划线法子展示,而鼠标放上去下划线不展现方式表现带链接的翰墨,尔后咱们通过css对超链接下划线设置
使用代码text-decoration,可进css手册查看text-decoration详细简介
语法: 
text-decoration : none || underline || blink || overline || line-through 

text-decoration参数: 
none :  无装璜
blink :  闪动
underline :  下划线
line-through :  贯穿线
overline :  上划线
实例
 

HTML常用的下划线样式是什么
遵循图例看出“div css”被插手css链接,同时在css名堂也设置装备摆设了css属性a被加下划线(a{ text-decoration:underline;}),但鼠标放上来(a:hover{ text-decoration:none;})下划线则被去掉的

3、对超链接文字鼠标放下来出现下划线  

依照第二点(2、超链接笔墨下划线)中经过css来让超链接笔墨带下划线,鼠标放下来则去掉下划线来说,第三点则是恰恰与第二点向反,超链接自然不浮现下划线a{ text-decoration:none;},而鼠标放上来泛起下划线a:hover{ text-decoration:underline;}。

4、对某地域鼠标放上去出现下划线-对象下划线 

这个在我们遍布使用,咱们概略对其div配置一个class格式(id和class鉴识)如:.ys:hover{ text-decoration:underline; cursor:pointer;}, 解释cursor这个是鼠标标签(cursor引见),pointer这个是手指内容透露表现。

HTML常用的下划线样式是什么
html源代码,页面源文件
经由这样对“ys”设置了css花式,则在浏览器中当鼠标放到翰墨上时就会泛起下划线,而这里不是因为有超链接才有下划线,同超链接情理沟通。

以上就是关于“HTML常用的下划线样式是什么”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI