亚洲欧洲国产欧美一区精品,激情五月亚洲色五月,最新精品国偷自产在线婷婷,欧美婷婷丁香五月天社区

邊框的樣式

樣式是邊框最重要的一個(gè)方面，這不是因?yàn)闃邮娇刂浦�邊框的顯示（當(dāng)然，樣式確實(shí)控制著邊框的顯示），而是因?yàn)槿绻麤]有樣式，將根本沒有邊框。

CSS 的 border-style 屬性定義了 10 個(gè)不同的非 inherit 樣式，包括 none。

例如，您可以為把一幅圖片的邊框定義為 outset，使之看上去像是“凸起按鈕”：

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

定義多種樣式

您可以為一個(gè)邊框定義多個(gè)樣式，例如：

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

上面這條規(guī)則為類名為 aside 的段落定義了四種邊框樣式：實(shí)線上邊框、點(diǎn)線右邊框、虛線下邊框和一個(gè)雙線左邊框。

我們又看到了這里的值采用了 top-right-bottom-left 的順序，討論用多個(gè)值設(shè)置不同內(nèi)邊距時(shí)也見過這個(gè)順序。

定義單邊樣式

如果您希望為元素框的某一個(gè)邊設(shè)置邊框樣式，而不是設(shè)置所有 4 個(gè)邊的邊框樣式，可以使用下面的單邊邊框樣式屬性：

• border-top-style
• border-right-style
• border-bottom-style
• border-left-style

因此這兩種方法是等價(jià)的：

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

注意：如果要使用第二種方法，必須把單邊屬性放在簡寫屬性之后。因?yàn)槿绻�把單邊屬性放�?border-style 之前，簡寫屬性的值就會(huì)覆蓋單邊值 none。