yangruipretty
今天,弄了很长时间才实现了多幅图片的无缝连接,用了Css和Html两种方式,下面给出代码。
1.Css方式:

<html>
<head>
<style type="text/css">
table
{border:0;margin:50;border-collapse:collapse;}
table td
{padding:0;}
</style>
</head>
<body>
<p>
<marquee scrollamount="2" behavior="alternate">
<table>
<tr>
<td><img src=\'1.jpg\' /></td>
<td><img src=\'2.jpg\' /></td>
<td><img src=\'3.jpg\' /></td>
<td><img src=\'4.jpg\' /></td>
<td><img src=\'5.jpg\' /></td>
<td><img src=\'6.jpg\' /></td>
<td><img src=\'7.jpg\' /></td>
<td><img src=\'8.jpg\' /></td>
<td><img src=\'9.jpg\' /></td>
</tr>
</table>
</marquee>
</p>
</body>
</html>
table td{padding:0} 是控制td的,使td和它里面内容之间的距离为0;
margin:50 指table的外边补白为50,也就是它和其他块元素之间的距离为50;
最重要的一句是:border-collapse:collapse,其含义如下:
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
可能的值:
    值               描述
separate     边框会被分开。
collapse      默认。如果可能,边框会被合并为一个单一的边框。

2.Html方式:
Code


分类:

技术点:

相关文章: