如何将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元素最适合作为我怀疑的绝对定位元素。