当前位置:Gxlcms > 前端框架 > css虚线样式怎么去掉

css虚线样式怎么去掉

时间:2021-07-01 10:21:17 帮助过:46人阅读

当超链接变为活动状态或获得焦点时,链接周围会出现一条虚线,以区别于其他链接,这是超链接的默认行为。它基本上是虚线轮廓,不会像边框那样影响周围的元素。想要去掉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虚线样式怎么去掉的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行