我们制作单页站的时候,通过PhotoShop切片导出代码后,我们在Dreamweaver中的设计窗口打开看到的图每张都衔接很好,可是放到网站上去,每张图片之间都会有空隙,那么该如何消除呢?我们可以用css代码来规范图片。在单页站中,或者说放少量的css代码,就直接放到网页上ok,无需再建立一个css文件。我的大学网站为你介绍如何在网页中图片之间无缝衔接css代码。

将以下 <head>中代码放到网页中 <head>      </head> 代码里即可!  

<head>

<style type="text/css">

/*设定图片样式,垂直对齐,解决了图片图片之间含有空隙的情况*/ 

img{ vertical-align: bottom }

</style>

</head>

效果也是我们平时看到的,可能看起来没啥,但是大家可以试试将img{ vertical-align: bottom }这个去除后比较就知道效果了!

CSS代码消除网页中图片间缝隙