css轮廓线,css边框线条,html轮廓,css给边框设置曲线,css边框线怎么变细,漂亮的css边框
CSS轮廓（outline）是一种在HTML元素周围绘制的可见框线，与边框(border)不同，它不占据布局空间，而且通常以默认颜色和样式呈现。

CSS轮廓可以用于高亮元素，指示用户焦点或标记错误等。它还可以通过使用不同的颜色和样式来为元素添加额外的视觉效果。

以下是一个CSS轮廓的基本示例：

css
/* 给所有元素添加黄色虚线轮廓 */
* {
outline: 1px dashed yellow;
}

/* 给具有类名"my-class"的元素添加红色实线轮廓 */
.my-class {
outline: 2px solid red;
}


这个例子将给页面上的所有元素添加1像素的黄色虚线轮廓，并为具有class="my-class"的元素添加2像素的红色实线轮廓。请注意，由于CSS轮廓不占据布局空间，因此它们不会影响页面布局。