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 過去分詞: bottomedcss 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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例