肉渣教程

CSS offset

上一节 下一节

CSS Outline Offset

CSS中的outline-offset属性可定义outline轮廓和border边框之间的等距偏移,偏移部分为空白间隙。

如下所示,为了能进一步提现等距便宜的空白部分,将outline轮廓设置成Tomato(西红柿色),将border边框设置成蓝色边框。则如下所示:

该div元素的outline轮廓和border边框之间有15px宽度的等距偏移间隙。

再试试另外一个例子吧:

div.ex1 {
    margin: 20px;
    border: 1px solid black;
    outline: 4px solid Tomato;
    outline-offset: 15px;
} 

div.ex2 {
    margin: 10px;
    border: 1px solid black;
    outline: 5px dashed #46acb6;
    outline-offset: 5px;
} 

运行一下


CSS offset

上一节 下一节