|
【favii原創(chuàng)】 很多時(shí)候，在編寫網(wǎng)頁時(shí),，為了美觀,，希望使用圖片背景來實(shí)現(xiàn)圓角等漂亮的效果；同時(shí),，又希望能夠有一個(gè)能自動(dòng)根據(jù)內(nèi)容多少來自動(dòng)適應(yīng)高度的背景框,，以避免重復(fù)勞動(dòng)。自動(dòng)適應(yīng)寬度變化的,，網(wǎng)上有不少,，這里提供一個(gè)自動(dòng)適應(yīng)高度的，并且,，為了提高加載效率,，只使用了一張背景圖片。缺陷：寬度固定,，如要改變,，需要更改背景圖片。 效果展示示意圖：  先看背景圖片：440X50  /*CSS代碼內(nèi)容：根據(jù)內(nèi)容多寡自動(dòng)伸縮高度*/ .ali1_head{margin:0 auto;width:220px;height:35px;background:url(../images/hgj/ali1bg.gif);text-align:left; overflow:hidden;} .ali1{margin:0 auto;width:220px;background:url(../images/hgj/ali1bg.gif) -220px 0 repeat-y;overflow:hidden;} .ali1_foot{margin:0 auto;width:220px;height:15px;background:url(../images/hgj/ali1bg.gif) 0 -35px;} html部分代碼： <div class=ali1_head><a href='' class=at_exun>標(biāo)題</a></div> <div class=ali1> 這里是框里的內(nèi)容 </div> <div class=ali1_foot></div> 想改變寬度的,，需要更改圖片,，并相應(yīng)調(diào)整CSS中的背景偏移數(shù)值。 |
|
|
