1、語(yǔ)法imgwidth150pxheight60px 這里設(shè)置CSS寬度為150px，css高度為60px，注意是CSS樣式中css width和css height的值都帶單位也要記住一定帶上單位，這里和HTML img標(biāo)簽內(nèi)設(shè)置高度寬度不帶單位一定區(qū)別大家一定注意并記住此知識(shí)點(diǎn)如果是我們直接對(duì)img設(shè)置樣式，這樣會(huì)將整個(gè)網(wǎng)頁(yè)中圖片寬度高度控制了；2代碼說(shuō)明* 一個(gè)值 這個(gè)值指定圖片寬度，第二個(gè)值為auto * backgroundsize auto backgroundsize 50 backgroundsize 3em backgroundsize 12px * 兩個(gè)值 第一個(gè)值指定圖片的寬度，第二個(gè)值指定圖片的高度 * backgroundsize 50% auto backgroundsize 3em 25 back；這樣問(wèn)題就大了，如果只用寬度和高度，正常的瀏覽器里這兩個(gè)值就不會(huì)變， 如果只用minwidth和minheight的話，IE下面根本等于沒(méi)有設(shè)置寬度和高度 比如要設(shè)置背景圖片，這個(gè)寬度是比較重要的要解決這個(gè)問(wèn)題， 可以這樣 #boxhtmlbody #box 5***頁(yè)面的最小寬度*** min width是個(gè)非常方便的CSS命令，它；lt！DOCTYPE html image myImage width 400pxheight 300pxmargintop 100pxmarginleft 100px。

2、div css解決IE6支持maxwidth 一般情況下只需要設(shè)置好寬度限制，比如這里只設(shè)置最大寬度為300pxmaxwidth300px，然后對(duì)父級(jí)使用overflowhidden隱藏溢出圖片，同時(shí)為了兼容IE6我們?cè)O(shè)置個(gè)widthexpressionthiswidth 300 ？ quot300pxquot thiswidth解決即可1具體解決DIV+CSS實(shí)例代碼如下lt；大多數(shù)CMS管理系統(tǒng)與此設(shè)置方法類似二若不是通過(guò)CMS管理系統(tǒng)添加圖片，則需要通過(guò)Dreamweaver或者其它網(wǎng)頁(yè)編輯器如記事本，使用代碼和參數(shù)來(lái)控制每個(gè)圖片的大小具體代碼為 其中，“img”是圖像元素標(biāo)簽，src是圖像的源路徑，這個(gè)路徑可以是從其它網(wǎng)站的鏈接地址，也可以是本地服務(wù)器的地址，本例。

3、1首先打開(kāi)html編輯器，設(shè)置一個(gè)div并對(duì)div設(shè)置固定寬度和高度，還要在div里面插入一張圖片2接著在上方設(shè)置div和img的樣式，將圖片的寬度設(shè)置為何父級(jí)一樣的寬度，代碼就是“width100%”這里的100%會(huì)自動(dòng)跟隨父級(jí)的寬度選擇，然后將父級(jí)的高度去掉，這樣子集的高度就自動(dòng)化了3最后將圖片；1想要網(wǎng)頁(yè)寬度自適應(yīng)，需要把網(wǎng)頁(yè)元素寬度設(shè)置為百分比，還要在網(wǎng)頁(yè)頭部加上代碼 2圖片自適應(yīng)，且不超過(guò)原始大小，需要設(shè)置最大寬度，代碼如下imgwidth100% maxwidth100%。

4、步驟一html圖片標(biāo)簽語(yǔ)法 img介紹src 后跟的是圖片路徑地址width 設(shè)置圖片寬度height 設(shè)置圖片高度 二具體html 圖片顯示實(shí)例 在html源代碼中分別插入三張圖片，一張?jiān)即笠粡垖挾雀叨雀男⌒∫粡垖挾雀叨雀拇?實(shí)例完整html代碼lt！DOCTYPE html 圖片插入html 在線演示 原始；代碼如下1 img介紹src 后跟的是圖片路徑地址 width 設(shè)置圖片寬度 height 設(shè)置圖片高度 2我們?cè)趆tml源代碼中分別插入三張圖片，一張?jiān)即笠粡垖挾雀叨雀男⌒∫粡垖挾雀叨雀拇?效果圖；上面代碼格式上需要特別注意兩點(diǎn)1zoom屬性里寬高賦值不能帶單位如px，否則無(wú)效2if和else語(yǔ)句也必須帶大括號(hào)括起來(lái)，單句指令也不行而在很多編程語(yǔ)言里，單句指令可以無(wú)需大括號(hào)二使用Javascript實(shí)現(xiàn)的圖片自適應(yīng) 使用Javascript自適應(yīng)相對(duì)來(lái)說(shuō)比較方便，唯一的麻煩是就是在網(wǎng)頁(yè)中需要對(duì)。

5、背景圖片的寬為240像素，高為180像素 backgroundsize 50% 30 背景圖片的寬設(shè)為容器寬度的50%，高設(shè)為容器高度的30 backgroundsize cover 把背景圖片擴(kuò)展至足夠大，以使背景圖片完全覆蓋容器區(qū)域背景圖片的某些部分也許無(wú)法顯示在容器區(qū)域中backgroundsize contain 把背景圖片擴(kuò)展至最大尺寸；1首先在自己的電腦上找到“AveDesktopSites”軟件，如圖“單擊打開(kāi)軟件“2軟件打開(kāi)后找到要顯示到電腦桌面html網(wǎng)頁(yè)或htm文件，下面是要顯示html網(wǎng)頁(yè)或htm文件的存放路徑，如圖3下面設(shè)置一下電腦桌面html網(wǎng)頁(yè)或htm文件需要顯示的大小長(zhǎng)寬高位置，如圖4此處”+“符號(hào)代表添加或。

6、3然后點(diǎn)擊“cs”右側(cè)的“新建文件”圖標(biāo)，創(chuàng)建一個(gè)“1html”文件，在空白html文件中輸入一個(gè)英文“！”按Tab鍵填充html基本代碼4接著在body中插入img標(biāo)簽，alt規(guī)定圖像的替代文本，src規(guī)定顯示圖像的URL5然后在img標(biāo)簽上使用width屬性設(shè)置圖片寬度height屬性設(shè)置圖片高度6最后在title標(biāo)簽；寬度和高度屬性分部是width和height這兩個(gè)屬性可以直接設(shè)置圖片的寬高，如果用了css樣式控制了圖片的寬高，則優(yōu)先使用樣式當(dāng)中的寬高值css3當(dāng)中還可以設(shè)置圖片的自適應(yīng)，避免圖片變形。