background-color 使用的背景顏色。
background-image 使用的背景影象。
background-repeat 如何重複背景影象。
background-attachment 背景影象是否固定或者隨著頁面的其餘部分滾動。
background-position 背景影象的位置。
css3新增
background-size 背景的尺寸。
background-origin 背景的定位區域。
background-clip 背景的繪製區域。
**background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip];
需要注意的是裡面的/,它和font以及border-radius裡簡寫方式使用的/用法相似。/可以在支援這種寫法的瀏覽器裡在background-position後面接著寫background-size。
除此之外,你也可以增加另外兩個描述它的屬性值: background-origin和 background-clip
.example
CSS 背景屬性background簡寫攻略
background color 背景顏色 合法的顏色值 background image 背景影象 url background repeat 如何重複背景影象 no repeat,repeat,repeat x,repeat y background attachment 背景影象是否固定或者隨...
css中的簡寫
這是第三遍翻看 css那些事兒 了,這本書也是我學習前端的第一本書。這次摘錄了一些關於css的簡單又容易忘記的知識點,以便查閱。希望慢慢可以寫積累更多好的博文。1.顏色 css中有四種顏色表現方式 我最常用的是前三種 ppp p 2.邊框的簡寫 div 簡寫成 div 類似於padding和marg...
css3邊框背景寫法及簡寫。待續
一.border邊框樣式 border width 邊框寬度 取值1.長度值 單位em px cm 2.百分數 不太相容,忽略 3.thin medium thick具體寬度瀏覽器預設,逐漸增大 border style 邊框樣式 1.none 沒有邊框 預設 2.dashed破折線邊框 3.dot...