css3新增哪些背景屬性
1、背景半透明,是指盒子背景半透明,盒子裡面的內容不受影響。
background: rgba(0,0,0,0.3); /* 給文字和邊框透明 */ color: rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.3);
2、背景縮放 background-size,屬性有px值、百分比、cover和contain。
屬性值 作用
px值 1-2個畫素值,1個值,垂直方向等比例拉伸;2個值,正常載入
百分比 數值參照盒子的寬高屬性
cover 會自動調整縮放比例,把背景影像擴充套件至足夠大,以使背景影像完全覆蓋背景區域。如有溢位部分則會被隱藏。
contain 會自動調整縮放比例,把影像影像擴充套件至最大尺寸,保證圖片始終完整顯示在背景區域。
3、多背景。
background-image: url(images/in_1.png),url(images/meng.jpg);
以上就是css3新增的背景屬性介紹,希望對大家有所幫助。更多css學習指路:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2157/viewspace-2828163/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- css3新增屬性APICSSS3API
- CSS3背景裁切屬性——background-clipCSSS3
- html5/css3新增屬性HTMLCSSS3
- css3屬性CSSS3
- css 背景圖片屬性CSS
- CSS3常用屬性CSSS3
- css3核心屬性CSSS3
- CSS3 filter屬性CSSS3Filter
- CSS3 transition 屬性CSSS3
- CSS3 transform 屬性CSSS3ORM
- CSS3 initial 屬性CSSS3
- rcp新增屬性
- CSS3的background屬性CSSS3
- css3的新屬性CSSS3
- CSS3的動畫屬性CSSS3動畫
- 搜尋框設定背景圖 通過設定placeholder屬性新增
- 4. CSS 背景和滑鼠屬性CSS
- css3中的animation屬性CSSS3
- css3 box-orient 屬性CSSS3
- CSS3 background-size 屬性CSSS3
- 為textarea新增maxlength屬性
- css3中transition屬性詳解CSSS3
- Css3文字新屬性CSSS3
- class屬性的新增刪除
- Runtime之分類新增屬性
- CSS3的content屬性詳解CSSS3
- CSS3之背景CSSS3
- CSS3背景影像CSSS3
- css3實現文字線性漸變,css3實現背景漸變CSSS3
- ubuntu下OpenLDAP新增自定義屬性UbuntuLDA
- js給html標籤新增屬性JSHTML
- Android自定義View 屬性新增AndroidView
- 給自定義View新增xml屬性ViewXML
- 【Swift】在extension裡面新增屬性Swift
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- HTML連載79-背景圖片定位區域屬性、背景顏色HTML
- 手撕Vue-Router-新增全域性$router屬性Vue
- CSS3 超實用屬性:pointer-eventsCSSS3