css边框样式设置

  • 时间:
  • 浏览:76

CSS 边框

元素的边框便是环绕元素内容战内边据的1条或多条线。每一个边框有 3 个圆里:宽度、款式,和色彩。

边框的款式

border-style 属性设置边框款式。

界说单边款式属性

border-top-style
border-right-style
border-bottom-style
border-left-style

边框的宽度

border-width属性设置

界说单边宽度

照 top,right,bottom,left 的挨次设置元素的各边边框。

好比p {border-style: solid; border-width: 7px 8px 9px 10px;},top宽为7px,right宽为8px,bottom宽为9px,left宽为10px。

也能够经由过程以下属性别离设置边框各边的宽度:
border-top-width
border�۷�Э����-right-width
border-bottom-width
border-left-width


出有边框

能够设置为border-style: none。

 

边框的色彩

border-color: 设置。

通明边框

  border-color: transparent;