css3新增哪些背景屬性

yifanwu發表於2021-09-11

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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章