html代码中如何使多张图片实现无缝拼接

html代码中如何使多张图片实现无缝拼接,第1张

<table width="100%" border="0" cellspacing="0" cellpadding="0">

这样标记table就可以了,重要的是border="0" 边框为0,默认边框为1.详细可以参考http://www.51wisdom.com.cn的代码

DW里显示的不一定是页面的实际效果~而且DW自动生成的样式的可编辑性比较差,而且代码比较复杂~建议你学一下css+div布局~

至于你说的站的背景是用几张图片拼成的,其实一般都是一张图片用ps或者fireworks切出来的,里面有个切片功能~

如果这10张图片长和宽都一样,需要您计算详细的图片的宽度和table的宽度高度,必须是一样的,之后去掉table的填充和间距边框。

如果图片高度和宽度不一样,会很麻烦,有的时候用table实现不了效果,只能用div。

代码应该没问题,是你的图片出现了空隙,http://img04.taobaocdn.com/imgextra/i4/487670862/T2ZiztXghbXXXXXXXX_!!487670862.gif

把这个gif图片重新制作一下。

用这个图片试试


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7543140.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存