今天，弄了很长时间才实现了多幅图片的无缝连接，用了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
<html>
<head>
</head>
<body>
<p>
<table border="0" cellpadding="0" cellspacing="0">
<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>
</p>
</body>
</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
>
margin:50 指table的外边补白为50，也就是它和其他块元素之间的距离为50；
最重要的一句是：border-collapse:collapse，其含义如下：
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
可能的值：
值 描述
separate 边框会被分开。
collapse 默认。如果可能，边框会被合并为一个单一的边框。
2.Html方式：
Code
<html><head></head><body><p><table border="0" cellpadding="0" cellspacing="0"><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></p></body></html>
扫一扫
483
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
