Rumah > Artikel > hujung hadapan web > css虚线样式怎么去掉
css虚线样式怎么去掉
- 藏色散人asal
- 2019-01-11 10:10:137046semak imbas
当超链接变为活动状态或获得焦点时，链接周围会出现一条虚线，以区别于其他链接，这是超链接的默认行为。它基本上是虚线轮廓，不会像边框那样影响周围的元素。想要去掉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虚线样式怎么去掉的介绍，非常简单易懂，希望对新手小白们有所帮助！
Atas ialah kandungan terperinci css虚线样式怎么去掉. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：在CSS网格布局中如何使用grid-template-*属性Artikel seterusnya：如何实现首行缩进效果