css之深入理解border

border-style

设置4个边框的样式:

p{
border-style:solid;
}

定义和用法

border-style属性用于设置元素所有边框的样式,或者单独为各边设置边框样式。

border-style:dotted solid double dashed; 
  • 上边框是点状
  • 右边框是实线
  • 下边框是双线
  • 左边框是虚线

 

border:double的应用

二,border-color与color

border-color默认颜色就是color.

应用------hover与图形变色

第四节:border与background定位的局限

background-position定位---总是相对于左上角。

第五节:border透明边框的应用

 border与等高布局

原文地址:https://www.cnblogs.com/qianxunpu/p/8256949.html