CSS 元素的邊框border屬性

2021-09-10 16:52:26 字數 836 閱讀 2452

邊框相關屬性

寬度(border-width):可以使用thin,medium,thick等文字值,也可以使用除百分比和負數之外

的任何絕對值。

樣式(border-style):有none(無邊框),hidden(隱藏邊框),dotted(點線邊框),

dashed(虛線邊框),solid(實線邊框),double(雙線邊框),

groove(3d凹槽邊框),ridge(3d凸槽邊框),inset(3d凹入邊框),

outset(3d凸出邊框)等文字值。

顏色(border-color):可以使用任何顏色值,包括rgb,hsl,十六進製制顏色值和顏色相關的關鍵字。

css3提供的圓角邊框:border-radius:該屬性用於指定圓角邊框的圓角半徑。

border-top-left-radius:該屬性用於指定左上角的圓角半徑。

border-top-right-radius:該屬性用於指定右上角的圓角半徑。

border-bottom-left-radius:該屬性用於指定左下角的圓角半徑。

border-bottom-right-radius:該屬性用於指定右下角的圓角半徑。

css3新增的box-shadow屬性為盒模型新增陰影,該屬性可用於整個盒模型新增陰影。

box-shadow:是乙個復合屬性。它含有以下5個屬性值。

hoffset:該屬性值控制陰影在水平方向的偏移。

voffset:該屬性值控制陰影在垂直方向的偏移

blurlength:該屬性值控制陰影的模糊程度。

scalelength:該屬性值控制陰影的縮放程度。

color:該屬性值控制陰影的顏色。

CSS 邊框 border 例項

所有邊框屬性在乙個宣告之中 本例演示用簡寫屬性來將所有四個邊框屬性設定於同一宣告中。設定四邊框樣式 本例演示如何設定四邊框樣式。設定每一邊的不同邊框 本例演示如何在元素的各邊設定不同的邊框。所有邊框寬度屬性在乙個宣告之中 本例演示用簡寫屬性來將所有邊框寬度屬性設定於同一宣告中。設定四個邊框的顏色 本...

css 盒子邊框 border

1 css 邊框屬性 border width border style border color 1.1 邊框樣式 border style border style 值 none 預設無邊框 dotted 定義乙個點線邊框 dashed 定義乙個虛線邊框 solid 定義實線邊框 1.2邊框顏色...

CSS 邊框 border 例項

css 邊框 border 例項 元素的邊框 border 是圍繞元素內容和內邊距的一條或多條線。css border 屬性允許你規定元素邊框的樣式 寬度和顏色。css 邊框屬性 屬性 描述 border 簡寫屬性,用於把針對四個邊的屬性設定在乙個宣告。border style 用於設定元素所有邊框...