css設定邊框的屬性有哪些

青灯夜游
發布: 2023-01-05 16:12:57
原創
10354 人瀏覽過

設定邊框的屬性:border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。

css設定邊框的屬性有哪些

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS邊框屬性可讓你指定一個元素邊框的樣式和顏色。範例:

css設定邊框的屬性有哪些

css 邊框屬性

##屬性描述CSSborder複合屬性。設定物件邊框的特性。 1border-bottom複合屬性。設定物件底部邊框的特性。 1border-bottom-color#設定或檢索物件的底部邊框顏色。 1 border-bottom-style設定或檢索物件的底部邊框樣式。 1border-bottom-width設定或擷取物件的底部邊框寬度。 1border-color置或檢索物件的邊框顏色。 1border-left複合屬性。設定物件左邊邊框的特性。 1border-left-color#設定或擷取物件的左邊邊框顏色。 1border-left-style#設定或擷取物件的左邊邊框樣式。 1border-left-width設定或擷取物件的左邊邊框寬度。 1border-right複合屬性。設定物件右邊邊框的特性。 1border-right-color設定或檢索物件的右邊邊框顏色。 1border-right-style設定或檢索物件的右邊邊框樣式。 1border-right-width設定或檢索物件的右邊邊框寬度。 1border-style設定或擷取物件的邊框樣式。 1border-top複合屬性。設定物件頂部邊框的特性。 1border-top-color設定或檢索物件的頂部邊框顏色1border-top-style設定或檢索物件的頂部邊框樣式。 1border-top-width設定或擷取物件的頂部邊框寬度。 1border-width設定或擷取物件的邊框寬度。 1border-bottom-left-radius設定或擷取物件的左下角圓角邊框。提供2個參數,2個參數以空格分隔,每個參數允許設定1個參數值,第1個參數表示水平半徑,第2個參數表示垂直半徑,如第2個參數省略,則預設等於第1個參數3border-bottom-right-radius設定或檢索物件的右下角圓角邊框。 3border-image設定或檢索物件的邊框樣式使用圖像來填入。 3border-image-outset#規定邊框影像超過邊框的量。 3border-image-repeat#規定圖片邊框是否應該重複(repeated)、拉伸(stretched)或鋪滿( rounded)。 3border-image-slice#規定影像邊框的向內偏移。 3border-image-source#規定要使用的圖像,取代 border-style 屬性中設定的邊框樣式。 3border-image-width規定圖像邊框的寬度。 3border-radius設定或檢索物件使用圓角邊框。 3border-top-left-radius定義左上角邊框的形狀。 3border-top-right-radius定義右上角邊框的形狀。 3box-shadow在方框中新增一個或多個陰影。 3
(學習影片分享:

css影片教學

以上是css設定邊框的屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板