边框的样式 - DIVCSS5

样式是边框最需求的一个方面，这不是由于名堂管教着边框的显露（固然，名目切实控制着边框的透露表现），而是由于假如不有花样，将底子没有边框。

CSS 的 border-style 属性界说了 10 个差异的非 inherit 花式，包含 none。

比方，您可以或许为把一幅图片的边框界说为 outset，使之看下去像是“陷下去按钮”：

a:link img {border-style: outset;}

您大概为一个边框界说多个花色，好比：

p.aside {border-style: solid dotted dashed double;}

下面这条规定为类名为 aside 的段落界说了四种边框花样：实线上边框、点线右边框、虚线下边框与一个双线左边框。

咱们又看到了这里的值采取了 top-right-bottom-left 的步骤，接头用多个值设置装备摆设差别内边距时也见过这个举措。

假设您渴望为元素框的某一个边设置边框款式，而不是设置装备摆设全部 4 个边的边框花样，可使用下面的单边边框格局属性：

因此这两种法子是等价的：

p {border-style: solid solid solid none;}
p {border-style: solid; border-left-style: none;}

留意：要是要使用第二种办法，必需把单边属性放在简写属性之后。因为假设把单边属性放在 border-style 早年，简写属性的值就会覆盖单边值 none。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-tool/t52259.shtml