• html5-table布局


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>table布局</title>
    </head>
    <body style="margin: 0">
        <table style="background:#f0f0f0; 100%;height: 700px">
            <tr style="background: blue" ><td colspan="3" height="10%"></td></tr>
            <tr style="background: gray">
            <td style="background: #f8f8f8" width="20%">
            <ul style="list-style-type: none;">
                <li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
                <li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
                <li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
                <li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
                <li><a href="http://www.sohu.com" target="myframe">wwww.sohu.com</a></li>
            </ul>            
            </td>
            <td colspan="2">
            <iframe src="http://www.baidu.com"; width="100%"; height="100%"; name="myframe"></iframe>    
            </td>
            </tr>
            <tr style="background: green"><td colspan="3" height="10%"></td></tr>
        </table>
    </body>
    </html>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    单元测试
    现代软件工程构建之法
    安卓的编码规范
    如何用代码编写四则运算?
    springboot之mybatisplus,mp的简单理解
    appache 端口 更改
    visual studio进程或线程自上一个步骤以来已更改
    小白CSS学习日记杂乱无序记录(3)
    shiro之初探
    mybatisplus 代码生成器 generator的小坑
  • 原文地址:https://www.cnblogs.com/houweidong/p/7492766.html
Copyright © 2020-2023  润新知