css border-bottom屬性


  翻譯結果:

border

英[ˈbɔ:də(r)]   美[ˈbɔ:rdə(r)]  

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

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

vt.沿…的邊,環繞…,給…鑲邊

##vi.近似,毗鄰

第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered

#bottom

n[ ˈbɒtəm]   美[ˈbɑ:təm]  

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

adj.底部的

vt.裝底;測量深淺;找出真相

vi.到達底部;建立基礎

第三人稱單數: bottoms 複數: bottoms 現在分詞: bottoming 過去式: bottomed 過去分詞: bottomed

css border-bottom屬性語法

作用:把下邊框的所有屬性設定到一個宣告中。

語法:可以依序設定下列屬性:border-bottom-width,border-bottom-style,border-bottom-color,如果不設定其中的某個值,也不會出問題,例如border-bottom:solid #ff0000; 也是允許的。

說明:border-bottom-width    規定下邊框的寬度。 border-bottom-style    規定下邊框的樣式。 border-bottom-color    規定下邊框的顏色。 inherit    規定應該從父元素繼承 border-bottom 屬性的設定。    

註解: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>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例

熱門推薦

首頁

影片

問答