outline与border的区别

同学你好。outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

outline有outline-color,outline-style,outline-style,outline-width,还有一个用于设置偏移位置的属性：outline-offset，当offset为负值时，表示像内偏移多少像素。

outline-color的默认值是黑色，而border-color的默认值是字体的颜色

outline不可以单独设置某一条边，因而它总是闭合的。而border可以单独设置border-top、border-right等

另外，非常重要的一点区别是，outline不影响盒模型，因此它不会破坏文档流，不会影响网页布局。

如果解答了同学的疑问，望采纳~

祝学习愉快~