屬性名稱
屬性值說明
border-style
none
不顯示邊線(預設)
dotted
點線dashed
虛線solid
實線double
雙線border-width
長度邊框寬度
border-corlor
十六進製制
邊框顏色
英文名稱
邊框顏色
三原色邊框顏色
可依序設定上，右，下，左邊框樣式/寬度/顏色
例項1：
border-color:red/*四邊均為紅色*/
例項2 :
border-color : red green/*上下為紅色，左右為綠色*/
例項3 :
border-color:red green blue/*上為紅色、左右為綠色、下為藍色*/
例項4 :
border-color:red green blue yellow/*上右下左分別為紅綠藍黃*/
邊框的樣式和寬度設定與以上四個例項類似。
邊框的簡化寫法 :
border :長度 形態 顏色
例項 :
border : 1px solid black
padding 系列屬性的介紹
屬性名稱
屬性值說明
padding-top
長度/百分比
元件內容與上邊邊線的空隙
padding-right
長度/百分比
元件內容與右邊邊線的空隙
padding-bottom
長度/百分比
元件內容與下邊邊線的空隙
padding-left
長度/百分比
元件內容與左邊邊線的空隙
簡易寫法 :
padding
:10px
padding
:2px 4px
padding
:2px 6px 10px
padding
:1px 2px 3px 4px
屬性名稱
屬性值說明
margin-top
auto
自動調整元件上邊線與外容器的空隙
長度/百分比
元件上邊線與外容器的空隙
margin-right
auto
自動調整元件右邊線與外容器的空隙
長度/百分比
元件右邊線與外容器的空隙
margin-bottom
auto
自動調整元件下邊線與外容器的空隙
長度/百分比
元件下邊線與外容器的空隙
margin-left
auto
自動調整元件左邊線與外容器的空隙
長度/百分比
元件左邊線與外容器的空隙
簡易寫法 :
margin
:0px
/*常用網頁頂格設定*/
margin
:2px 4px
margin
:2px 6px 10px
margin
:1px 2px 3px 4px
小貝學習CSS邊框與邊界
css邊框與邊界 1 css 邊框屬性 css邊框屬性允許你指定乙個元素邊框的樣式和顏色。1.1 邊框樣式 邊框樣式屬性指定要顯示什麼樣的邊界。remark border style屬性用來定義邊框的樣式 1.2 邊框寬度 您可以通過 border width 屬性為邊框指定寬度。為邊框指定寬度有兩...
CSS控制邊界 邊框與外輪廓
一 css控制邊界 1 內邊距 padding 內邊距也叫內填充 padding bottom 長度 百分比 元件下端邊線的空隙 padding left 長度 百分比 元件左端邊線的空隙 padding right 長度 百分比 元件右端邊線的空隙 padding top 長度 百分比 元件上端邊...
CSS外邊框 邊界樣式常用組合
一 css框線一覽表 border top 1px solid 6699cc 上框線 border bottom 1px solid 6699cc 下框線 border left 1px solid 6699cc 左框線 border right 1px solid 6699cc 右框線 以上是建議...