如何將JPEG切片爲HTML

Question

我有一張JPEG圖像，我想切片成HTML，我對將東西放入div有點困惑。任何人都可以建議我如何做到這一點我正在發送JPEG格式的問題。

問候 Umair

Answer 1

我想看看哪件似乎沉不住氣了。例如，填寫表單框將是一個div，底部的法律信息將是一個div，爲什麼使用在線框將是一個div，2個標題部分也將是一個div。你可以將整個東西包裝在一個div中，並使用CSS精靈圖像（CSS Sprite article）作爲背景漸變。 enter code here

<div id=pageWrapper> 
    <div id=header1>OnlineGrantFinders.com</div> 
    <div id=header2>Looking for grant money?</div> 
    <div id=mainContent> 
     <div class='infoText'>You can apply for grants ....</div> 
     <div class='infoText' id='whyUseUs'>Why Use Online Grant Finders.com....</div> 
     <div id=fileForm>Fill Out the form below....</div> 
    </div> 
    <div id='footer'>This website is owned...</div> 
</div> 

從這裏css不應該太難。如果你不瞭解浮動元素，我會研究它並學習如何清除它們。 fileForm元素最適合作爲我所懷疑的絕對定位元素。