outline-offset属性怎么用

2024-01-17 13:25 小编

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>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码