设置css中border边框样式

218 阅读1分钟

一次指定四个方向边框的样式,四个方向边框一致:

border:宽度 样式 颜色值;

单独指定某一个方向的边框样式:

左:border-left:宽度 样式 颜色值;

上:border-top:宽度 样式 颜色值;

右:border-right:宽度 样式 颜色值;

下:border-bottom:宽度 样式 颜色值;

单独设置四个方向宽度:border-width:宽度;

单独设置四个方向样式:border-style:样式;

单独设置四个方向颜色:border-color:颜色;

单独设置1个方向宽度:border-left-width:宽度;

单独设置1个方向样式:border-left-style:样式;

单独设置1个方向颜色:border--left-color:颜色;

取消边框:border:none;

边框样式:实线: solid 虚线: dashed 点 : dotteds

使四条边同等粗细,同等线条类型,只有颜色不同: