outline 属性用于设置一个元素轮廓的样式、宽度和颜色,这个轮廓位于边框边界之外。outline 主要用于提供一种视觉上的提示,通常在元素获得焦点时显示。

语法如下:
selector {
    outline: [outline-color] [outline-style] [outline-width];
}

其中,outline-color 是轮廓的颜色,可以使用颜色值表示;outline-style 是轮廓的样式,可以是 dotted(点状)、dashed(虚线)、solid(实线)等;outline-width 是轮廓的宽度,可以是像素(px)、em、thin、medium、thick 等。

举个例子,如果你希望给一个元素添加蓝色的实线轮廓,可以这样写:
.example {
    outline: blue solid 2px;
}

这会使 .example 元素有一个蓝色的实线轮廓,宽度为 2 像素。请注意,outline 在默认情况下不影响布局,因此不会改变元素的尺寸和位置。


转载请注明出处:http://www.zyzy.cn/article/detail/4222/CSS