CSS 02邊框樣式 列表樣式

2021-10-24 13:44:23 字數 1031 閱讀 7960

邊框樣式屬性 屬性

說明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 設定邊...