css3.0教程(十一)：Outline—外边框

 

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。呵呵，好了！

文章来源于www.css3s.cn