[分享]css3怎么添加边框

CSS3边框属性是一个非常实用的功能，可以美化网页的外观。接下来我们就来介绍一下CSS3如何添加边框。/ 第一种方式：使用border属性添加边框 / / 为p标签添加红色实线边框 / p { bor...

CSS3边框属性是一个非常实用的功能，可以美化网页的外观。接下来我们就来介绍一下CSS3如何添加边框。

/* 第一种方式：使用border属性添加边框 */

/* 为p标签添加红色实线边框 */
p {
    border: 1px solid red;
}

/* 添加圆角效果 */
/* 为p标签添加红色实线边框，边框圆角为5px */
p {
    border: 1px solid red;
    border-radius: 5px;
}

/* 第二种方式：使用outline属性添加边框 */

/* 为p标签添加紫色虚线边框 */
p {
    outline: 1px dotted purple;
}

/* 第三种方式：使用box-shadow属性添加边框 */

/* 为p标签添加黑色阴影效果 */
p {
    box-shadow: 0 0 10px black;
}

/* 添加圆角效果 */
/* 为p标签添加黑色阴影效果，阴影圆角为5px */
p {
    box-shadow: 0 0 10px black;
    border-radius: 5px;
}