• CSS定义不规则图片排版


    实现效果如下:

    http://yxkt.web-179.com/test/test11.html

    html代码:


    <table class="" width="950" border="1" cellpadding="0" cellspacing="0" height="590">
    <tbody>
    <tr>
    <td colspan="2" rowspan="2" valign="middle" width="290" align="center" height="386"><a class="upupwunav009" href="http://www.baidu.com"></a></td>
    <td colspan="3" valign="middle" width="221" align="center" height="206"><a class="upupwunav010" href="#" target="_blank"></a></td>
    <td colspan="3" valign="middle" width="221" align="center" height="206"><a class="upupwunav011" href="#" target="_blank"></a></td>
    <td colspan="2" valign="middle" width="218" align="center" height="206"><a class="upupwunav012" href="#" target="_blank"></a></td>
    </tr>
    <tr>
    <td colspan="5" valign="middle" width="371" align="center" height="180"><a class="upupwunav013" href="#" target="_blank"></a></td>
    <td colspan="3" rowspan="2" valign="middle" width="289" align="center" height="383"><a class="upupwunav014" href="http://www.baidu.com"></a></td>
    </tr>
    <tr>
    <td colspan="3" valign="middle" width="318" align="center" height="203"><a class="upupwunav015" href="#" target="_blank"></a></td>
    <td colspan="4" valign="middle" width="343" align="center" height="203"><a class="upupwunav016" href="#" target="_blank"></a></td>
    </tr>
    <tr>
    <td><img alt="" width="189" height="1"></td>
    <td><img alt="" width="101" height="1"></td>
    <td><img alt="" width="28" height="1"></td>
    <td><img alt="" width="63" height="1"></td>
    <td><img alt="" width="130" height="1"></td>
    <td><img alt="" width="60" height="1"></td>
    <td><img alt="" width="90" height="1"></td>
    <td><img alt="" width="71" height="1"></td>
    <td><img alt="" width="29" height="1"></td>
    <td><img alt="" width="189" height="1"></td>
    </tr>
    </tbody>
    </table>
  • 相关阅读:
    手撸ORM浅谈ORM框架之Add篇
    手撸ORM浅谈ORM框架之基础篇
    C#深入浅出获取时间DateTime
    win10安装OpenSSL及简单的使用
    .net core执行dotnet ef migrations createmodel等命令出错
    C#文字转换语音朗读或保存MP3、WAV等格式
    .Net上传图片压缩质量,不改变尺寸
    二叉平衡树
    线索排序树
    大数乘法
  • 原文地址:https://www.cnblogs.com/yuxiuting/p/2244528.html
Copyright © 2020-2023  润新知