家好，我是兼职小哥，我过去做过很多个企业网站，尤其医美网站做的比较多，大约1000多个。如果您缺少好的网站样式呢，不妨给我留言啊。

下面咱们书归正传，我曾经在一家民营医院做过网络总监，美工是以前的院长招聘来的，技术实在不敢恭维，切出来的图片，做成网页经常会有白色的间隙。这是怎么回事呢？这种医美专题经常因为这个原因返工。设计一个专题要好几天，切图还要切一天。

我们通常使用最新版本的fireworks切图，这样运行速度快，效率高，切图这后，可以直接导出生成网页和css样式

css中有这样一句关键代码，可以避免样式的原因图片出现间隙。

<style> img{ border:none; display:block; }

</style>

下面给大家演示如何做切片图片不会有重叠会白色间隔，前先用左边的切片工具切出两个矩形区域。

选中刚才做的两个切片，在对齐面板中输入间距为1，再点水平间距按钮。

这样一下就把图片切片对齐的十分好看了，有几十个图片的时候也这样处理，您就不用反复拖拽鼠标加上用计算器计算位置和坐标了，切片位置会非常工整。

这个技巧将为美工切图的过程节省大量的时间，美工可以出去先喝杯茶了。

说明：我用的配图不代表会计这个专业真是的一生无忧，这个是一饱和和专业。在我们这种三线城市，会计的工资才1000多，还没有保险。

美工的工作也是非常非常累，市场也是饱和的，永远会有源源不断的新的毕业生被招到到单位里面来，美工的可替代性非常大。最好的办法就是把做网站外包出去做。

记住我是您工作中的好帮手，如果这篇文章对您有用，请关注我吧！

本例参考了网上的例子，唯一不一样的是，我这里的操作是一步一步讲解，网上仅是源码。

一、我们先创建一张空白的网页，网页要自适应手机。

二、我们再创建网页的头部。

三、做出来的网页头部太丑了，我们要去掉盒子与浏览器的间隙，还有给头部加内部距离。

四、给网页头部添加一些内容。

五、接下来开始做导航条了。

六、发现没，导航条居然看不见，没有东西在里面自然是看不见的，我们加三个链接吧。

七、这回是看见了，不过样式太丑，我们改改样式。

八、加上内部距离，就好看了许多，即然是链接，我们加点动态吧，当鼠标在链接上面时，链接块变色。

九、开始做网页内容，网页内容我分为三块，左右两边是侧栏，中间是主要内容。

十、我想让它横着排，它却是竖着排，改改各个块的样式。

十一、给主体的各个块加点内容。

十二、内容是有了，但你会发现各块之间没有间隙，贴得太近了，我们改一下样式，加个内部距离。

十三、距离是有了，但有一个侧栏跑到了另一行，怎么回事？原来padding是会改变盒子的整体宽度，我们原本是100%，现在多了padding的宽度，自然就换行了，解决一下吧。

十四、这回终于在一行了，接下来可以做网页底部了。

十五、改改样式，让底部好看一点。

十六，这个时候，网页的整体版面就完成了，再补充一个小内容，让网页浏览器在小于600像素宽的时候，主体内容的三个块由横变竖。