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

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

看你的目录结构,这里要使用css背景文件的方式进行调用拼接。

css中可以设置背景图片是否重复,背景图片的位置等。把每个地方的背景图片都设置好就能显示为你第2个图片的效果了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>my page</title>

</head>

<body>

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td>

<img src="./1.jpg" width="300px" height="150px" />

</td>

<td>

<img src="./1.jpg" width="300px" height="150px" />

</td>

</tr>

<tr>

<td>

<img src="./1.jpg" width="300px" height="150px" />

</td>

<td>

<img src="./1.jpg" width="300px" height="150px" />

</td>

</tr>

</table>

</body>

</html>

第一行声明那,要按这个标准写;

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存