邊框樣式屬性 屬性
說明border-width
邊框的寬度
border-style
邊框的外觀(實線、虛線等)
border-color
邊框的顏色
1.border-width:用於定義邊框的寬度,取值是乙個畫素值
2.border-style:用於定義邊框的外觀
border-style屬性取值
屬性值說明none
無樣式dashed
虛線solid
實線3.border-color:取值可以是「關鍵字」或者「16進製制rgb值」
區域性樣式:
1.上邊框border-top
border-top:1px solid red;
2.下邊框border-bottom
border-bottom:1px solid red;
3.左邊框border-left
border-left:1px solid red;
4.右邊框border-right
border-right:1px solid red;
列表項符號(list-style-type)
語法:list-style-type:取值;
list-style-type屬性取值(有序列表)
屬性值說明decimal
阿拉伯數字:1、2(預設值)
lower-roman
小寫羅馬數字:i、ii
upper-roman
大寫羅馬數字
lower-alpha
小寫英文本母
upper-alpha
大寫英文本母
list-style-type屬性取值(無序列表)
屬性值說明disc
實心圓circle
空心圓square
正方形去除列表項符號:list-style-type:none;
CSS 邊框樣式
簡寫 border color width style 所有的簡寫,一經使用,所有省略的值都會採用預設值 屬性 color,width,style border 方向 屬性 簡寫 border 方向 color width style 四邊圓角 border radius px 或 單邊圓角 bor...
CSS邊框樣式
圓角邊框 border top left radius 40px 左上角 border bottom left radius 40px 左下角 border top right radius 20px 右上角 border bottom right radius 10px 右下角 border bo...
CSS 邊框樣式
本節我們來學習邊框樣式,主要包括如何設定邊框的寬度 邊框的顏色 邊框的樣式等。當我們給某個元素設定邊框時,可以分為上下左右四個邊框,既可以同時設定四個邊框的樣式,也可以分開設定四個邊框的樣式。關於邊框樣式的四個屬性 屬性描述 border width 設定邊框的寬度 border style 設定邊...