border-width:边框的宽度
border-color:边框颜色
border-style:边框的样式
和宽度一样,color也提供四个方向的样式,可以分别指定颜色
可选值:
style也可以分别指定四个边的边框样式,规则和width一致,
同时它也提供border-xxx-style四个样式,来分别设置四个边
示例:
边框的简写样式,通过它可以同时设置四个边框的样式,宽度,颜色
而且没有任何的顺序要求
border一指定就是同时指定四个边不能分别指定
border-top border-right border-bottom border-left
可以单独设置四个边的样式,规则和border一样,只不过它只对一个边生效
CSS3中新增了圆角边框样式,可以将盒子变为圆角。
语法:
border-radius:length
例:
radius(半径)圆角原理: 设置一个length半径大小的圆与盒子相交,保留相交后的圆角。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)