border

英[?b?:d?(r)]? ?美[?b?:rd?(r)]??

#n.邊界;邊;鑲邊;包;邊

vt.& vi.與…接界，在…的邊上

vt.沿…的邊，環(huán)繞…，給…鑲邊

##vi.近似，毗鄰

第三人稱單數(shù)： borders 複數(shù)： borders 現(xiàn)在分詞： bordering 過(guò)去式： bordered 過(guò)去分詞： bordered

#bottom

n[ ?b?t?m]? ?美[?bɑ:t?m]??

n.底部;末端;臀部;盡頭

adj.底部的

vt.裝底;測(cè)量深淺;找出真相

vi.到達(dá)底部;建立基礎(chǔ)

第三人稱單數(shù)： bottoms 複數(shù)： bottoms 現(xiàn)在分詞： bottoming 過(guò)去式： bottomed 過(guò)去分詞： bottomed

style

#英[sta?l]? ?美[sta?l]??

n.方式;樣式;時(shí)髦;儀表，品味

vt.設(shè)計(jì);稱呼;為…造型

vi.使符合流行式樣;用刻刀作裝飾畫(huà)

第三人稱單數(shù)： styles 複數(shù)： styles 現(xiàn)在分詞： styling 過(guò)去式： styled 過(guò)去分詞： styled

css border-bottom-style屬性 語(yǔ)法

作用：設(shè)定元素下邊框的樣式。

說(shuō)明：只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。在 CSS1 中，HTML 使用者代理程式只需支援 solid 和 none。

註解：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit" 或 "hidden"。

css border-bottom-style屬性 範(fàn)例

<html>
<head>
<style type="text/css">
p {border-style:solid}
p.none {border-bottom-style:none}
p.dotted {border-bottom-style:dotted}
p.dashed {border-bottom-style:dashed}
p.solid {border-bottom-style:solid}
p.double {border-bottom-style:double}
p.groove {border-bottom-style:groove}
p.ridge {border-bottom-style:ridge}
p.inset {border-bottom-style:inset}
p.outset {border-bottom-style:outset}
</style>
</head>

<body>
<p class="none">No bottom border.</p>
<p class="dotted">A dotted bottom border.</p>
<p class="dashed">A dashed bottom border.</p>
<p class="solid">A solid bottom border.</p>
<p class="double">A double bottom border.</p>
<p class="groove">A groove bottom border.</p>
<p class="ridge">A ridge bottom border.</p>
<p class="inset">An inset bottom border.</p>
<p class="outset">An outset bottom border.</p>
</body>
</html>

執(zhí)行實(shí)例 ?

點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例