outline 属性可以用来设置一个元素的轮廓线条,它有以下几个常用的值:
outline: none;:去除元素的默认轮廓线条。outline: 1px solid red;:设置元素的轮廓线条为红色实线,宽度为 1 像素。outline: 2px dotted blue;:设置元素的轮廓线条为蓝色点线,宽度为 2 像素。outline: 3px double green;:设置元素的轮廓线条为绿色双线,宽度为 3 像素。除了这些常用的值之外,outline 属性还可以设置其他的值,例如:
outline-offset:设置轮廓线条与元素边缘的距离。outline-color:设置轮廓线条的颜色。outline-style:设置轮廓线条的样式。需要注意的是,outline 属性不会影响元素的大小和位置,也不会被打印出来。同时,在一些浏览器中,outline 属性可能会与 border-radius 属性产生冲突,导致轮廓线条的圆角效果无法生效。