- url('圖像的url路徑地址')圖像的url
- none 表示背景上沒有放置任何圖像,這是默認值;
- inherit 指定背景圖像應該從那個父元素繼承;
- 一個元素可以引入多張背景圖片;指定要使用的一個或多個背景圖像,默認情況下,background-image放置在元素的左上角,並重復垂直和水平方向.
- background-image:url('pic1.png'),('pic2..png')...
- background-iamge屬性不能被繼承
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .logo a { 8 display: block; 9 width: 200px; 10 height: 60px; 11 background-image: url(https://www.chcedo.com/images/public/logo.png); 12 text-indent: -9999px;/**首段縮進/ 13 } 14 </style> 15 </head> 16 <body> 17 <h1 class="logo"><a href="#">自然堂(CHANDO)官網</a></h1> 18 </body> 19 </html>
background背景相關之背景圖片
backgound-image:url('背景圖片的路徑')
backgound:url('背景圖片的路徑')