CSS3新增屬性用法整理

1、box-shadow(陰影效果)

2、border-color(為邊框設(shè)置多種顏色)

3、border-image(圖片邊框)

4、text-shadow(文本陰影)

5、text-overflow(文本截斷)

6、word-wrap(自動換行)

7、border-radius(圓角邊框)

8、opacity(透明度)

9、box-sizing(控制盒模型的組成模式)

10、resize(元素縮放)

11、outline(外邊框)

12、background-size(指定背景圖片尺寸)

13、background-origin(指定背景圖片從哪里開始顯示)

14、background-clip(指定背景圖片從什么位置開始裁剪)

15、background(為一個元素指定多個背景)

16、hsl(通過色調(diào)、飽和度、亮度來指定顏色顏色值)

17、hsla(在hsl的基礎(chǔ)上增加透明度設(shè)置)

18、rgba(基于rgb設(shè)置顏色,a設(shè)置透明度)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,750評論 0 7
  • 轉(zhuǎn)載請聲明 原文鏈接 關(guān)注公眾號獲取更多資訊 這篇文章主要總結(jié)H5的一些新增的功能以及一些基礎(chǔ)歸納,這里只是一個提...
    前端進階之旅閱讀 9,213評論 22 225
  • 話題背景:如今網(wǎng)頁展示的姿勢是這樣的 圖片來自:設(shè)計之家 炫酷的網(wǎng)頁展示,支撐它的正是強大的CSS3,還有什么理由...
    aliensq閱讀 2,184評論 0 2
  • 總覽 邊框border-color 屬性boder-image 屬性border-radius 屬性box-sha...
    DecadeHeart閱讀 1,115評論 0 9
  • 一、HTML5 1.1 認識HTML5 HTML5并不僅僅只是作為HTML標記語言的一個最新版本,更重要的是它制定...
    福爾摩雞閱讀 16,506評論 14 51

友情鏈接更多精彩內(nèi)容