【CSS】网页中图片之间无缝衔接css代码 单页站css代码
我们制作单页站的时候,通过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 }这个去除后比较就知道效果了!
声明:本网站为“个人非营利性”网站,仅是博主与热心网友收集整理提供的经验记录和学习内容!本站文章图片来源于网络,如若本站图片侵犯了原著者的合法权益,可联系本站删除。
网站初心:一些棘手的、偏门的问题,能比较方便地在一个网站上查询、解决。如能帮到你的,可以在文章结尾赞赏一下,维持网站日常维护!谢谢