css3 标签 显示边框

CSS3 是一种使用频率很高的网页样式表语言。在网页设计中，经常需要用到显示边框的效果，而 CSS3 中有不少标签可以实现这个功能。

一、border-style 属性

//样式代码.border {
    border-style: solid;
    border-width: 2px;
    border-color: #FF0000;
}

使用上述代码，可以设置一个实心边框，宽度为 2 像素，颜色为 #FF0000。

二、边框圆角

//样式代码.border {
    border-style: solid;
    border-width: 2px;
    border-color: #FF0000;
    border-radius: 5px;
}

可以通过 border-radius 属性设置边框的圆角度数，这个属性是 CSS3 新增的功能。

三、box-shadow 属性

//样式代码.border {
    box-shadow: 0 0 5px #000;
}

可以通过 box-shadow 属性设置边框的阴影效果，其设置分别对应阴影的水平偏移、垂直偏移、模糊程度和颜色。

四、outline 属性

//样式代码.border {
    outline: dashed 2px #FF0000;
}
    

可以通过 outline 属性设置边框的轮廓线，其设置分别对应轮廓线的样式、宽度和颜色。

以上就是 CSS3 中常用的几个设置边框的标签，可以根据需要进行选择使用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！