css虚线样式怎么去掉
程序员文章站
2022-03-14 18:50:55
...
当超链接变为活动状态或获得焦点时,链接周围会出现一条虚线,以区别于其他链接,这是超链接的默认行为。它基本上是虚线轮廓,不会像边框那样影响周围的元素。想要去掉css虚线样式,我们可以使用CSS属性"outline:none;"来实现。
下面我们结合简单的实例,为大家介绍如何去掉css虚线样式。
代码示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>使用CSS删除虚线轮廓</title> <style type="text/css"> a, a:active, a:focus{ outline: none; /* *适用于Firefox,Chrome,IE8及以上版本* */ } </style> </head> <body> <div class="menu"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a> </div> </body> </html>
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline 属性设置元素周围的轮廓线。
注释:请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
注释:轮廓线不会占据空间,也不一定是矩形。
默认值为none。
本篇文章就是关于css虚线样式怎么去掉的介绍,非常简单易懂,希望对新手小白们有所帮助!
以上就是css虚线样式怎么去掉的详细内容,更多请关注其它相关文章!
下一篇: javascrip注释符是什么