欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

您可以按照 top-right-bottom-left 的顺序设置元素的各边边框:

p {border-style: solid; border-width: 15px 5px 15px 5px;}

上面的例子也可以简写为(这样写法称为值复制):

p {border-style: solid; border-width: 15px 5px;}

您也可以通过下列属性分别设置边框各边的宽度:

  • border-top-width
  • border-right-width
  • border-bottom-width
  • border-left-width

因此,下面的规则与上面的例子是等价的:

p {
  border-style: solid;
  border-top-width: 15px;
  border-right-width: 5px;
  border-bottom-width: 15px;
  border-left-width: 5px;
  }

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j52214.shtml