css中轮廓 |css燃烧效果

p{
outline: 1px solid red;
}

需要注意的是，轮廓并不会影响元素的大小和位置，所以如果设置了轮廓，它可能会超出元素本身的范围。而这种情况下，可以使用css3的outline-offset属性将轮廓向内缩进。

p{
outline: 1px solid blue;
outline-offset: -6px;
}

需要注意的是，轮廓的样式和颜色可以与边框不同，因此可以创建各种视觉效果。例如，在下面的示例中，轮廓是虚线，颜色为蓝色：

p{
outline: 2px dashed blue;
}

最后需要注意的是，轮廓并不是一种用来替代边框的方式。尽管轮廓本身没有边框好看，但是它的优势在于可以与边框一起使用，从而产生更好的效果。