1. 边框颜色(border-color): 定义边框的颜色。可以使用具体的颜色值,如名称、十六进制、RGB 等。
border-color: red;
2. 边框宽度(border-width): 定义边框的宽度。可以使用像素、百分比等单位。
border-width: 2px;
3. 边框样式(border-style): 定义边框的样式,如实线、虚线、点线等。
border-style: dashed;
4. 圆角边框(border-radius): 为边框添加圆角效果。可以指定每个角的半径,也可以使用一个值应用到所有角。
border-radius: 10px;
5. 边框图片(border-image): 允许使用图像来定义边框,创建更为复杂的边框效果。
border-image: url(border.png) 30 round;
6. 盒子阴影(box-shadow): 为元素添加阴影效果,可以用于创建立体感的边框。
box-shadow: 5px 5px 10px #888888;
7. 多重边框(multiple borders): 允许为一个元素添加多个边框,每个边框可以有不同的样式、宽度和颜色。
border: 2px solid red;
border-top: 10px dotted blue;
这些属性可以单独使用,也可以组合在一起,以创建各种独特的边框效果。通过合理地使用这些 CSS3 边框属性,你可以为页面元素增加更多的设计元素和吸引力。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12558/CSS