CSS 邊框樣式

2021-09-29 10:21:18 字數 1277 閱讀 3514

簡寫:

border: [color] | [width] | style;

所有的簡寫, 一經使用, 所有省略的值都會採用預設值

屬性: color, width, style

border-方向-屬性:

簡寫:border-方向: [color] | [width] | style;

四邊圓角:

border-radius: px 或 %

單邊圓角:

border-上下-左右-radius: px 或 %

邊框合併 (適合**)

border-collapse: collapse

輪廓:outline: none 取消輪廓

outline:[color] | [width] | style;

>

.box

input

.box2

td,table

table

tr:hover

style

>

class

="box"

>

div>

>

>

>

>

type

="text"

>

>

>

>

>

class

="box2"

>

div>

>

>

>

>

>

>

最帥氣的男星caption

>

>

>

sheeptd

>

>

sheeptd

>

>

sheeptd

>

tr>

>

>

sheeptd

>

>

sheeptd

>

>

sheeptd

>

tr>

>

>

sheeptd

>

>

sheeptd

>

>

sheeptd

>

tr>

table

>

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

CSS邊框樣式

邊框隨處可見,幾乎可以對所有元素設定邊框。屬性說明 border width 邊框寬度 border style 邊框的外觀 border color 邊框顏色 1.整體樣式 1 寬度 畫素值2 外觀 none 無樣式 dashed 虛線 solid 實線 3 顏色 關鍵字 16進製制rgb值 4 ...