css3邊框背景寫法及簡寫。待續

2022-05-03 04:30:09 字數 454 閱讀 3939

一. border邊框樣式

border-width 邊框寬度 

取值1.長度值 單位em px cm

2.百分數  不太相容,忽略

3.thin medium thick具體寬度瀏覽器預設,逐漸增大

border-style 邊框樣式 

1.none 沒有邊框 預設

2.dashed破折線邊框

3.dotted 圓點線式邊框

4.groove 槽線式邊框

5.inset 內嵌效果

6.outset外嵌效果

7.ridge脊線邊框

8.solid實線邊框

border-color 邊框顏色

定義一條邊樣式,例border-top-width

簡寫 border:medium solid black;

二.radius建立圓角邊框

待續

CSS3邊框背景

邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象,本質是用一張來修飾邊框背景,看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...

CSS3 邊框和背景

下述內容主要講述了 html5權威指南 第19章關於 使用邊框和背景 css3中邊框和樣式得到了增強。例如 可以建立圓角邊框,使用影象邊框,為元素建立陰影。表 基本邊框屬性屬性 說明值border width 設定邊框的寬度 長度值 百分數 thin medium thick border styl...

css3 背景和邊框

設定背景和邊框 設定背景顏色 background color blanchedalmond background color rgb 100,200 255 background color f4f4f4 邊框設定 具體到屬性 border width 1px 設定邊框寬度 border colo...