【说站】css中outline方法的使用

很酷的站长

发布于 2022-11-23 15:34:59

8020

发布于 2022-11-23 15:34:59

说明

1、如果只需要两层边框，可以选择先设置一层常规边框，再加上outline(描边)属性来生成外层边框。

使用outline不仅可以模拟实线边框，还可以生成虚线边框。

2、outline-offset属性可以控制边缘和元素边缘之间的间距，该属性可以接受负值。

需要注意的是，这种方法不能产生圆角。

实例

background:?yellowgreen;
border:?10px?solid?#655;
outline:?5px?dashed?deeppink;
outline-offset:?10px;

以上就是css中outline方法的使用，希望对大家有所帮助。更多css学习指路：css教程

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

收藏 | 0点赞 | 0打赏

本文参与?腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客?前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体同步曝光计划? ，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度