码迷,mamicode.com
首页 > Web开发 > 详细

html5-table布局

时间:2017-09-08 10:13:20      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:ack   meta   .com   gre   .so   htm   none   布局   doc   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table布局</title>
</head>
<body style="margin: 0">
    <table style="background:#f0f0f0;width: 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>

html5-table布局

标签:ack   meta   .com   gre   .so   htm   none   布局   doc   

原文地址:http://www.cnblogs.com/houweidong/p/7492766.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!