outline(外边框)的功能在css3中得到了新的扩展,其属性outline-offset可以让外边框远离容器边缘,即可以调整外框与容器边缘的距离,还是来个例子比较好说明他的特性。目前只有Opera, Safari 和 Firefox支持。
html代码: <div class="outline"> outline示例:目前只有Opera, Safari 和 Firefox支持 </div>
css代码: .outline {
outline-offset: 12px;
outline: 2px solid blue;
border:2px solid red;
width:100px;
height:100px;
}
效果如下:
outline示例:目前只有Opera, Safari 和 Firefox支持
在opera、safari和firefox的浏览器中,能看到指定容器是红色的,容器的外框是蓝色的,容器与外边框之间的距离就是12px。呵呵,好了!