css3屬性 border radius用法

2022-08-05 02:45:25 字數 823 閱讀 2342

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

="utf-8"

/>

5<

style

>

6div

1314

.div1

1920

.div2

25style

>

26head

>

2728

<

body

>

2930

<

div

class

="div1"

>border-radius 屬性允許您向元素新增圓角。

div>

31<

div>border-radius 屬性允許您向元素新增圓角。

div>

32<

div

class

="div2"

>border-radius 屬性允許您向元素新增圓角。

div>

33body

>

3435

html

>

瀏覽器結果顯示如下:

半徑35px,div高度35px;直徑小於div高度時,直徑按照div高度計算

CSS3新增屬性用法整理CSS3新增屬性用法整理

css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...

CSS3新增屬性(3)

1.定義動畫 用keyframes 定義動畫 類似定義類選擇器 keyframes 動畫名稱 100 動畫序列 0 是動畫的開始,100 是動畫的完成,這樣的規則就是動畫序列。在 keyframes 中規定某項css樣式,就能建立由當前樣式逐漸改為新樣式的動畫效果。動畫是使元素從一種樣式逐漸變化為另...

css3 新增屬性

background origin 背景影象顯示的原點。background clip 規定背景的繪製區域。padding box 從padding區域 含padding 開始顯示背景影象。border box 從border區域 含border 開始顯示背景影象。content box 從cont...