zoukankan      html  css  js  c++  java
  • 图片无缝连接

    今天,弄了很长时间才实现了多幅图片的无缝连接,用了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


  • 相关阅读:
    记录一次Jmeter性能测试
    【转】解疑性能测试之集合点
    WebService的发布及客户端的调用
    Jmeter性能测试之如何写Java请求测试用例类
    Vue nextTick用法
    Geolocation 地理定位
    Vue 生命周期及运用场景
    CSS3 动画基本使用
    Electron菜单
    Electron + vue 项目安装vue-devtools调试工具
  • 原文地址:https://www.cnblogs.com/yangruipretty/p/1551532.html
Copyright © 2011-2022 走看看