CSS中的邊框?qū)傩允鞘裁?/h1>

發(fā)布時間：2021-12-09 12:34:21 來源：億速云 閱讀：291 作者：小新 欄目：web開發(fā)

這篇文章主要為大家展示了“CSS中的邊框?qū)傩允鞘裁础?，?nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS中的邊框?qū)傩允鞘裁础边@篇文章吧。

CSS邊框?qū)傩杂校篵order、border-radius、border-color、border-left、border-right、border-style、border-top、border-width、border-image等等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS中的邊框?qū)傩?/strong>

CSS邊框?qū)傩栽试S你指定一個元素邊框的樣式和顏色。

屬性描述CSSborder復(fù)合屬性。設(shè)置對象邊框的特性。1border-bottom復(fù)合屬性。設(shè)置對象底部邊框的特性。1border-bottom-color設(shè)置或檢索對象的底部邊框顏色。1border-bottom-style設(shè)置或檢索對象的底部邊框樣式。1border-bottom-width設(shè)置或檢索對象的底部邊框?qū)挾取?/td>1border-color置或檢索對象的邊框顏色。1border-left復(fù)合屬性。設(shè)置對象左邊邊框的特性。1border-left-color設(shè)置或檢索對象的左邊邊框顏色。1border-left-style設(shè)置或檢索對象的左邊邊框樣式。1border-left-width設(shè)置或檢索對象的左邊邊框?qū)挾取?/td>1border-right復(fù)合屬性。設(shè)置對象右邊邊框的特性。1border-right-color設(shè)置或檢索對象的右邊邊框顏色。1border-right-style設(shè)置或檢索對象的右邊邊框樣式。1border-right-width設(shè)置或檢索對象的右邊邊框?qū)挾取?/td>1border-style設(shè)置或檢索對象的邊框樣式。1border-top復(fù)合屬性。設(shè)置對象頂部邊框的特性。1border-top-color設(shè)置或檢索對象的頂部邊框顏色1border-top-style設(shè)置或檢索對象的頂部邊框樣式。1border-top-width設(shè)置或檢索對象的頂部邊框?qū)挾取?/td>1border-width設(shè)置或檢索對象的邊框?qū)挾取?/td>1border-bottom-left-radius設(shè)置或檢索對象的左下角圓角邊框。提供2個參數(shù)，2個參數(shù)以空格分隔，每個參數(shù)允許設(shè)置1個參數(shù)值，第1個參數(shù)表示水平半徑，第2個參數(shù)表示垂直半徑，如第2個參數(shù)省略，則默認等于第1個參數(shù)3border-bottom-right-radius設(shè)置或檢索對象的右下角圓角邊框。3border-image設(shè)置或檢索對象的邊框樣式使用圖像來填充。3border-image-outset規(guī)定邊框圖像超過邊框的量。3border-image-repeat規(guī)定圖像邊框是否應(yīng)該被重復(fù)（repeated）、拉伸（stretched）或鋪滿（rounded）。3border-image-slice規(guī)定圖像邊框的向內(nèi)偏移。3border-image-source規(guī)定要使用的圖像，代替 border-style 屬性中設(shè)置的邊框樣式。3border-image-width規(guī)定圖像邊框的寬度。3border-radius設(shè)置或檢索對象使用圓角邊框。3border-top-left-radius定義左上角邊框的形狀。3border-top-right-radius定義右上角邊框的形狀。3

以上是“CSS中的邊框?qū)傩允鞘裁础边@篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！