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

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比呼倫貝爾網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式呼倫貝爾網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋呼倫貝爾地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

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

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 規(guī)定下邊框的寬度。參閱：border-bottom-width中可能的值。

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

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

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

TIY實例

所有下邊框屬性在一個聲明中

本例演示用簡寫屬性來將所有下邊框屬性設置在同一聲明中。

看完上述內(nèi)容，你們對css中如何使用border-bottom屬性有進一步的了解嗎？如果還想了解更多知識或者相關內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

新聞標題：css中如何使用border-bottom屬性-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/pisij.html