1、設(shè)置圖片的寬度高度，只有一張圖片的設(shè)置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多張圖片使用樣式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_stylew；里面的內(nèi)容是不是文字呀！要控制文字的大?。蝗绾卧O(shè)置網(wǎng)頁(yè)的背景圖片1首先，打開(kāi)Atom編輯器導(dǎo)入項(xiàng)目文件夾，首先創(chuàng)建一個(gè)indexhtml文件定義html文件的主要信息，如下圖所示2然后填寫自己的網(wǎng)頁(yè)內(nèi)容，設(shè)置樣式，添加背景=”不要背景平鋪，backgroundrepeatrepeat；所有的單元格，也就是lttd元素都定死寬度就可以了，你可以試試，希望能幫到你。

2、小技巧圖像文件的容量盡量不要超過(guò)10K這個(gè)圖像跟頁(yè)面上其他圖像協(xié)調(diào)嗎這個(gè)圖像跟頁(yè)面上的文字顏色協(xié)調(diào)嗎這個(gè)圖像平鋪了以后看起來(lái)還可以嗎這個(gè)圖像吸引了文字的注意力，喧賓奪主了嗎一般的網(wǎng)站很少使用背景圖像；圖片模糊很正常，因?yàn)槟憷炝藞D片而且還有可能改變了縱橫比產(chǎn)生變形而且，你這種方法也不是背景圖，而是插入圖片白邊是因?yàn)閎ody默認(rèn)的內(nèi)外補(bǔ)丁的關(guān)系，可以加一個(gè)樣式解決 ltstyle html， body margin0 padding0。

3、圖片非常的大且變形3這個(gè)時(shí)候把光標(biāo)放在左上角的十字符號(hào)上面，鼠標(biāo)右鍵，點(diǎn)擊“表格屬性”4點(diǎn)擊“選項(xiàng)”5這里有一個(gè)自動(dòng)重調(diào)的選項(xiàng)，把它取消掉，點(diǎn)擊“確定”6這個(gè)時(shí)候重新插入圖片就不會(huì)變形；講一下思路只定義一張背景圖，固定就可以了；這個(gè)也不是拉長(zhǎng)，你的logo肯定是張圖片，放在指定位置就行了，然后將裝這個(gè)圖片的div的寬度寫成需要的長(zhǎng)度，比如就圖一那么寬，然后你用吸取工具吸取到背景的藍(lán)色，將該div盒子的背景色改成這個(gè)顏色就行了；你說(shuō)的變形，估計(jì)是表格的寬度上，實(shí)際上是因?yàn)閷挾仍O(shè)置值的問(wèn)題 造成的第一步，仍然按照之前的操作，將左右兩個(gè)表格的內(nèi)容進(jìn)行調(diào)換第二部，修改外部td的寬度設(shè)置，之前的設(shè)置是70%和29%，這兩個(gè)數(shù)據(jù)對(duì)換一下，就是；可以在圖形屬性，中勾選“按比例”，“驗(yàn)證”“禁止變形”這幾個(gè)，這樣插入的圖片是沒(méi)有變形的之后在數(shù)據(jù)源中選擇圖片的路徑，之后點(diǎn)擊確認(rèn)，這樣打印出來(lái)的圖片是不變形的上面的是插入位圖圖片不變形的情況，其中矢量；你可以考慮下響應(yīng)式網(wǎng)頁(yè)，跨平臺(tái)兼容各種分辨率寬度是不受影響的，高度會(huì)受影響，而且在父元素等同圖片大小時(shí)，不會(huì)影響清晰度如果只是在PC上保持網(wǎng)頁(yè)不變形，整體頁(yè)面直接把寬度定死在10001004像素，目前1024的分辨率是最；2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body background urlimage123jpg norepeat backgroundsize cover3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)圖片既沒(méi)有變形就能完整顯示在網(wǎng)頁(yè)上了。

4、需要修改css，使其整個(gè)頁(yè)面的所有邊框都為0，如果想要圖片不變形，建議使用background的方式引入背景圖片使其自適應(yīng)，而非控制圖片本身的寬高；盡量簡(jiǎn)單的去實(shí)現(xiàn)，能不用定位盡量不用，用class別用id 給ul一個(gè)寬度 和高度 li也給寬和高 然后左浮動(dòng) 注ul的寬不能小于li寬度的總和 不然li會(huì)掉下來(lái)ltbody ltstyle ，a，li，ul margin0 padding；頁(yè)面使用絕對(duì)像素寬度，不要使用百分比。