css外框标签 |css border box的作用

border标签可以用来设置元素边框的样式、宽度和颜色。例如：

p {
border: 1px solid black; /* 等价于 border-width: 1px; border-style: solid; border-color: black; */
}

上面这段代码会将所有p标签的边框设置为1像素宽的黑色实线。

outline标签也可以用来设置元素的轮廓线样式和宽度，但和border不同之处在于，outline不占用元素的空间。例如：

p {
outline: 2px dotted red;
}

上面这段代码会在所有p标签周围画一个2像素宽的红色虚线轮廓线。

box-shadow标签则可以用来添加元素的阴影效果。例如：

p {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

上面这段代码会在所有p标签下方和右侧各画一个2像素宽、5像素深的黑色阴影，透明度为0.3。

以上就是CSS外框标签的基本介绍和用法示例。