css中如何使用border-bottom屬性

今天就跟大家聊聊有關(guān)css中如何使用border-bottom屬性，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

　　CSSborder-bottom屬性作用:把下邊框的所有屬性設(shè)置到一個(gè)聲明中?；菊Z法:border-bottom:widthstylecolor;border-bottom-width:規(guī)定下邊框的寬度。

　　borderbottom實(shí)例

　　設(shè)置下邊框的樣式：

　　p

　　{

　　border-style:solid;

　　border-bottom:thickdotted#ff0000;

　　}

　　親自試一試

　　瀏覽器支持

　　IE Firefox Chrome Safari Opera

　　所有瀏覽器都支持border-bottom屬性。

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

　　borderbottom定義和用法

　　border-bottom簡寫屬性把下邊框的所有屬性設(shè)置到一個(gè)聲明中。

　　可以按順序設(shè)置如下屬性：

　　border-bottom-width

　　border-bottom-style

　　border-bottom-color

　　如果不設(shè)置其中的某個(gè)值，也不會出問題，比如border-bottom:solid#ff0000;也是允許的。

　　默認(rèn)值： notspecified

　　繼承性： no

　　版本： CSS1

　　JavaScript語法： object.style.borderBottom="3pxsolidblue"

　　可能的值

　　值 描述

　　border-bottom-width 規(guī)定下邊框的寬度。參閱：border-bottom-width中可能的值。

　　border-bottom-style 規(guī)定下邊框的樣式。參閱：border-bottom-style中可能的值。

　　border-bottom-color 規(guī)定下邊框的顏色。參閱：border-bottom-color中可能的值。

　　inherit 規(guī)定應(yīng)該從父元素繼承border-bottom屬性的設(shè)置。

　　TIY實(shí)例

　　所有下邊框?qū)傩栽谝粋€(gè)聲明中

　　本例演示用簡寫屬性來將所有下邊框?qū)傩栽O(shè)置在同一聲明中。

看完上述內(nèi)容，你們對css中如何使用border-bottom屬性有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。