1. 程式人生 > >img與background引入圖片的區別

img與background引入圖片的區別

1.img佔位,一般引入比較重要的圖片,能被搜尋引擎抓取;background不佔位,一般引入裝飾性圖片,不能被搜尋引擎抓取
2. 背景圖片:background:url(‘t.png’) no-repeat 0 bottom pink;
第一個值: 圖片路徑;
第二個值:平鋪方式,如果不寫,平鋪。no-repeat不平鋪。
		repeat-x水平平鋪 repeat-y垂直平鋪
第三個值:水平座標,可以書寫具體的值,也可以left  center right
第四個值:垂直座標,可以書寫具體的值,也可以top  center  bottom
第五個值:背景顏色
3.背景顏色: background: rgba(255,255,255,0);
背景透明0-1:0完全透明,1不透明
4.背景大小:background-size:auto 100%;
background-size,如果只設置一個值:寬度為該值,高度自適應。
auto  400px; 寬度自適應,高度設定固定值
如果設定百分比,參照物是當前的容器