边框的样式 - 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-texiao/texiao51666.shtml