outline-offset属性怎么用

　　CSS3outline-offset属性

　　作用：对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。

　　说明：轮廓与边框有两点不同：轮廓不占用空间，轮廓可能是非矩形的。

　　语法：

　　outline-offset:length|inherit;

　　length：轮廓与边框边缘的距离。

　　inherit：规定应从父元素继承outline-offset属性的值。

　　CSS3outline-offset属性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　div

　　{

　　margin:20px;

　　width:150px;

　　padding:10px;

　　height:70px;

　　border:2pxsolidblack;

　　outline:2pxsolidred;

　　outline-offset:15px;

　　}

　　</style>

　　</head>

　　<body>

　　<p><b>注释：</b>InternetExplorer和Opera不支持supportoutline-offset属性。</p>

　　<div>这个div在边框边缘之外15像素处有一个轮廓。</div>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56294.shtml