css3-盒子模型之边框

边框的样式: border-style:
或者单独设置边框某一侧的样式:border-top/left/bottom/right-style:
边框宽度: border-width:
或者单独设置边框某一侧的宽度:border-top/left/bottom/right-width:
边框颜色border-color:
或者单独设置一侧的颜色: 同上

圆角边框的圆角半径: border-radius:10px;
宽度:width:100px;
// 高度:height:50px;
背景颜色:background-color:cyan;
文字格式:text-align:center;
边框宽度和颜色:border:2px solid blue;

边框阴影: box-shadow:10px 10px 5px #FF0000; //分别是向右偏移的距离,想下偏移的距离,模糊度,颜色;

边框图片:border-image;
设置方式和其他的一样,这里就不做介绍了。

你可能感兴趣的:(css3)