品易云推流 关闭
文章 > css教程 > css中outline-offset的使用注意

css中outline-offset的使用注意

css

头像

小妮浅浅

2021-04-29 15:08:15823浏览 · 0收藏 · 0评论

1、说明

容器是正方形的。

outline边框本身的宽度不能太小。

outline-offset负值x的值范围为-(容器宽度的一半 + outline宽度的一半) < x < -(容器宽度的一半 + outline宽度)

2、实例

修改 outline-offset 到一个合适的负值 ,那么在恰当的时候,outline 边框就会向内缩进为一个加号。

修改上述 div 的 outline-offset为 -118px。

div {
    width: 200px; height: 200px;
    outline: 20px solid #000;
    outline-offset: -118px;
}

以上就是css中outline-offset的使用注意,希望对大家有所帮助。更多css学习指路:css教程

关注公众号

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图 底部广告图按钮