溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關css中如何使用border-bottom屬性，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
CSSborder-bottom屬性作用:把下邊框的所有屬性設置到一個聲明中。基本語法:border-bottom:widthstylecolor;border-bottom-width:規定下邊框的寬度。
borderbottom實例
設置下邊框的樣式：
p
{
border-style:solid;
border-bottom:thickdotted#ff0000;
}
親自試一試
瀏覽器支持
IE Firefox Chrome Safari Opera
所有瀏覽器都支持border-bottom屬性。
注釋：IE7以及更早版本的瀏覽器不支持值"inherit"。IE8需要!DOCTYPE。IE9支持"inherit"。
borderbottom定義和用法
border-bottom簡寫屬性把下邊框的所有屬性設置到一個聲明中。
可以按順序設置如下屬性：
border-bottom-width
border-bottom-style
border-bottom-color
如果不設置其中的某個值，也不會出問題，比如border-bottom:solid#ff0000;也是允許的。
默認值： notspecified
繼承性： no
版本： CSS1
JavaScript語法： object.style.borderBottom="3pxsolidblue"
可能的值
值 描述
border-bottom-width 規定下邊框的寬度。參閱：border-bottom-width中可能的值。
border-bottom-style 規定下邊框的樣式。參閱：border-bottom-style中可能的值。
border-bottom-color 規定下邊框的顏色。參閱：border-bottom-color中可能的值。
inherit 規定應該從父元素繼承border-bottom屬性的設置。
TIY實例
所有下邊框屬性在一個聲明中
本例演示用簡寫屬性來將所有下邊框屬性設置在同一聲明中。
看完上述內容，你們對css中如何使用border-bottom屬性有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
