oracle資料庫忘記sys(或system)賬戶密碼
阿新 • • 發佈:2020-08-20
(1)、background-image屬性
CSS3中可以通過background-image屬性新增背景圖片。
不同的背景影象和影象用逗號隔開,所有的圖片中顯示在最頂端的為第一張。
#example1 { background-image: url(img_flwr.gif), url(paper.gif); background-position: right bottom, left top; background-repeat: no-repeat, repeat; }
可以給不同的圖片設定多個不同的屬性
#example1 { background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat; }
(2)、background-size 屬性
background-size指定背景影象的大小。CSS3以前,背景影象大小由影象的實際大小決定。
CSS3中可以指定背景圖片,讓我們重新在不同的環境中指定背景圖片的大小。您可以指定畫素或百分比大小。
你指定的大小是相對於父元素的寬度和高度的百分比的大小。
div { background:url(img_flwr.gif); background-size:100% 100%; background-repeat:no-repeat; }
演示示例:background-size 屬性
(3)、background-Origin屬性
background-Origin屬性指定了背景影象的位置區域。
content-box, padding-box,和 border-box區域內可以放置背景影象。
div { background:url(img_flwr.gif); background-repeat:no-repeat; background-size:100% 100%; background-origin:content-box; }
(4)、background-clip屬性
CSS3中background-clip背景剪裁屬性是從指定位置開始繪製。
#example1 { border: 10px dotted black; padding: 35px; background: yellow; background-clip: content-box; }