当元素获得焦点的时候，焦点框为0.
比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。
这个功能一般是为使用键盘操作的用户准备的。
有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。
建议一般不要去掉，只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。
定义和用法
outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。
注释：请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
注释：轮廓线不会占据空间，也不一定是矩形。
默认值： none
设置轮廓的样式：
outline-style:dotted;
浏览器支持
所有主流浏览器都支持 outline-style 属性。
只有在规定了 !DOCTYPE 时，Internet Explorer 才支持 outline-style 属性。
none 默认。定义无轮廓。
dotted 定义点状的轮廓。
dashed 定义虚线轮廓。
solid 定义实线轮廓。
double 定义双线轮廓。双线的宽度等同于 outline-width 的值。
groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。
ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。
inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。
outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。
inherit 规定应该从父元素继承轮廓样式的设置。
[color=red] a:link、a:visited、a:hover、a:active .
它的位置必须是这样写，否则鼠标选中或移开出现虚线去不掉的情况[/color]
eg: a:visited,a:hover,a:active{
outline: 0;
1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；
2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；
所以说，a:hover定义一定要放在a:link、a:visited的后面，，， 1、out line (轮廓)用于设置元素周围的一条线，用于元素边框的外围，可起到突出元素的作用。2、out line -style:值如下：值 描述none默认。定义无轮廓。dotted定义点状的轮廓。dashed定义虚线轮廓。solid定义实线轮廓。double定义双线轮廓。双线的宽度等同于 out line -width 的值。groove定义 3D 凹槽轮廓。此效果取... out line : [ <out line -width> || <out line -style> || <out line -color> ] | inherit out line : 1px dashed red; out line -offset:npx; 和border区别： 不占据空间大小，即之后的元素会覆盖，排列不会从out line 结束位置开始、margin不会从out line 结束位置开始 不能设置单独边，总是围绕所有边 根据内部元素形状而定，并 一、什么是 css 轮廓(out line )属性轮廓(out line )是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是轮廓(out line )。在默认情况下，点击a标签，input，或者添加鼠标点击事件的时候，浏览器就会留... 轮廓（out line ）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓（out line ）属性指定元素轮廓的样式、颜色和宽度。 CSS 轮廓（out line ） 轮廓（out line ）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 CSS out line 属性规定元素轮廓的样式、颜色和宽度。 所有 CSS 轮廓（out line ）属性 “ CSS ” 列 中 的数字表示哪个 CSS 版本定义了该属性( CSS 1 或者 CSS 2)。 轮廓（out line ）实例 在元素周围画线 （1）placeholder="请输入密码" color:#BEB6B6; border:0px; border-bottom:1px solid #BEB6B6; /* 下划线效果 */ background-color:transparent; /* 背景色透明 */ out line :none; （3）out line :no... css 的out line 属性的作用是什么发布时间：2020-05-06 11:47:34来源：亿速云阅读：280作者：小新 css 的out line 属性的作用是什么？相信有很多人都不太了解，今天小编为了让大家更加了解out line 属性，所以给大家总结了以下内容，一起往下看吧。out line 属性是一个简写属性，用于在一个声明 中 设置所有的轮廓属性，可在元素周围位于边框边缘的外围绘制一条线，能起到突出元素的作... 注释：如果规定了 !DOCTYPE，则 IE8 支持 out line 属性。 定义和 用法 out line （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 out line 简写属性在一个声明 中 设置所有的轮廓属性。 可以按顺序设置如下属性： out line -color out...