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

html設(shè)置背景顏色，背景圖片，插入圖片？

html中如何設(shè)置背景顏色，背景圖片，并且插入圖片呢？快來(lái)看看吧。

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

第二步，HTML網(wǎng)頁(yè)的背景圖片得用background屬性，文件路徑如果和網(wǎng)頁(yè)在一個(gè)文件夾內(nèi)則只用寫圖片名字并且如果圖片小于網(wǎng)頁(yè)顯示窗口，會(huì)自動(dòng)重復(fù)添加。

第三步，如果要在網(wǎng)頁(yè)中插入圖片，則得調(diào)用<img src="https://img.kmw.comURL">。

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

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

注意事項(xiàng)

• bgcolor和background兩個(gè)屬性，之后會(huì)被css設(shè)置替代，不過(guò)也得學(xué)好。
• 為了保證網(wǎng)頁(yè)加載的速度，背景圖片不要太大。

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

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

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

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

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