外边框(outline)与边框(border)类似,但是外边框不占用空间,外边框不必是矩形,外边框的属性设置不会影响网页上其他元素的位置。外边框的作用是强调页面的某些部分。
(1)outline-width:指定外边框宽度
其值类似于border-width属性,可以为长度也可以为thin、medium或thick的某个之。
(2)outline-style:指定边框线的样式
取值与border-style取值类似(solid、dotted、dashed等)
(3)outline-color:指定外边框的颜色
其值可以为颜色名、16进制编码或者RGB值。
(4)outline:简写形式
可以以任意顺序指定前面三种属性的任意值。
效果图如下:
CSS代码:
b {
outline-width: 2px;
outline-style: dotted;
outline-color: blue;
}