CSS:设置元素的边框

div{color:white;background:black;border-width: 1px; border-color: red; border-style: ridge}
注意:要border-width,border-color,border-style。三个联合才能看到效果。

元素边框的宽度

我们可以用 border-width 性质来调节边框的宽度。 比如

  P.width5 {border-width: 1px}

这个 P 元素的边框宽度是 1 px

你可以用 border-left-width, border-right-width, border-top-width, 和 border-bottom-width 来分别决定左,右,上,下边的宽度

元素边框的颜色

我们可以用 border-color 性质来调节边框的颜色。 比如

  P.colorred {border-color: red}

这个 P 元素的边框的颜色是红色的

元素边框的形态

我们可以用 border-style 性质来调节边框的形态。 比如

  P.inset {border-style: inset, border-width: 5px}

你可能感兴趣的:(css)