html設置背景顏色，背景圖片，插入圖片？html中如何設置背景顏色，背景圖片，并且插入圖片呢？快來看看吧。第一步，設置背景顏色，只要改變body的bgcolor屬性，不過要注意顏色與文本顏色的搭配要

html設置背景顏色，背景圖片，插入圖片？

html中如何設置背景顏色，背景圖片，并且插入圖片呢？快來看看吧。

第一步，設置背景顏色，只要改變body的bgcolor屬性，不過要注意顏色與文本顏色的搭配要協(xié)調清晰。

第二步，HTML網頁的背景圖片得用background屬性，文件路徑如果和網頁在一個文件夾內則只用寫圖片名字并且如果圖片小于網頁顯示窗口，會自動重復添加。

第三步，如果要在網頁中插入圖片，則得調用<img src="https://img.kmw.comURL">。

第四步，如果要設置圖片大小，只要改變width和height屬性即可，如圖箭頭所指。

第五步，默認的文字圖像的排列是文字靠下，如果為了美觀或要求，可以修改文字與圖片的位置，如圖。

注意事項

• bgcolor和background兩個屬性，之后會被css設置替代，不過也得學好。
• 為了保證網頁加載的速度，背景圖片不要太大。

CSS3樣式中如何讓背景漸變與背景圖片共存？

目前，對CSS3支持日趨完善，實現兼容性的漸變背景效果是完全可以的，讓背景漸變與背景圖片共存的方法很簡單，主要要注意的是圖片要 保持“最小單元”的準則，選擇正確的瀏覽器，該問題就能得到解決，下面介紹一下具體的解決方法。

1、圖片漸變切圖時一定要以最小為準則，例如在做垂直方向的純顏色的漸變時，嘗試使用1個像素的豎直圖片作為漸變背景“最小單元”。另外，要注意css3雖然支持很多的瀏覽器的兼容，但是目前不支持Opera瀏覽器。

2、如果兼容程度允許的話，純色漸變背景可以使用css3的漸變樣式，如{background: linear-gradient(left top， red ， blue)}，如此一來能夠減少切圖量，還可以加快網頁加載速度，缺點是使用主流瀏覽器的話，就必須要添加前綴。

3、注意對于webkit核心的瀏覽器，如Chrome/Safari瀏覽器，在這些瀏覽器下要做到漸變背景，也需要使用CSS3 漸變方法，css-gradient，具體就是-webkit-gradient，使用語Firefox瀏覽器業(yè)是有一點差異的。