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學習指路：