不规则的轮廓-outline

大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！

原文链接 ==>http://sylblog.xin/archives/39

前言

日常开发中，我们经常使用border来给元素增加一些美感，但是由于盒子模型的存在，border有时候会影响我们的判断，所以今天我们来介绍另一个属性来为元素增加一些美感。

outline

outlineCSS 中的属性在元素的外部绘制一条线。它类似于边界，除了：

1. 它总是围绕所有边，你不能指定特定的边
2. 它不是盒模型的一部分，因此不会影响元素或相邻元素的位置，也就是说outline outline不占据空间
3. 它并不总是矩形

兼容性

除了IE浏览器，其他浏览器兼容性还是不错的。