border

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

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

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

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

vi.近似,毗鄰

第三人稱單數(shù): borders 復(fù)數(shù): borders 現(xiàn)在分詞: bordering 過去式: bordered 過去分詞: bordered

bottom

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

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

adj.底部的

vt.裝底;測(cè)量深淺;查明真相

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

第三人稱單數(shù): bottoms 復(fù)數(shù): bottoms 現(xiàn)在分詞: bottoming 過去式: bottomed 過去分詞: bottomed

css border-bottom屬性 語法

作用:把下邊框的所有屬性設(shè)置到一個(gè)聲明中。

語法:可以按順序設(shè)置如下屬性:border-bottom-width,border-bottom-style,border-bottom-color,如果不設(shè)置其中的某個(gè)值,也不會(huì)出問題,比如 border-bottom:solid #ff0000; 也是允許的。

說明:border-bottom-width ? ?規(guī)定下邊框的寬度。border-bottom-style ? ?規(guī)定下邊框的樣式。border-bottom-color ? ?規(guī)定下邊框的顏色。inherit ? ?規(guī)定應(yīng)該從父元素繼承 border-bottom 屬性的設(shè)置。? ??

注釋:IE7 以及更早版本的瀏覽器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

css border-bottom屬性 示例

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
</style>
</head>

<body>
<p>This is some text in a paragraph.</p>
</body>

</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例