CSS邊框樣式

2021-10-14 07:19:29 字數 770 閱讀 6121

邊框隨處可見,幾乎可以對所有元素設定邊框。

屬性說明

border-width

邊框寬度

border-style

邊框的外觀

border-color

邊框顏色

1.整體樣式

1)寬度

畫素值2)外觀

none 無樣式

dashed 虛線

solid 實線

3)顏色

關鍵字/16進製制rgb值

4)簡寫

border:1px solid red;
2.區域性樣式簡寫,把整體樣式中的border換成border-top,border-bottom,border-left,border-right,

例子:

>

>

charset

="utf-8"

/>

>

title

>

type

="text/css"

>

divstyle

>

head

>

>

>

div>

body

>

html

>

效果:

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