表格实现网页整体布局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table border="1" bordercolor="#363636" cellpadding="20" cellspacing="0" bgcolor="#DD6969" align="center" width="600">
    <tr>
        <td bordercolor="#FF0000">
            <table border="1" bordercolor="#696969" cellpadding="20" cellspacing="0" bgcolor="#AA1212" width="100%">
                <tr>
                    <td bordercolor="#AA1212">
                        <table border="0" cellpadding="10" cellspacing="0" bgcolor="#FFFFFF" width="100%">
                            <tr>
                                <td>
                                    <table border="0" cellpadding="10" cellspacing="0" bgcolor="#DD6969" width="100%" height="40" align="center">
                                        <tr>
                                            <td>
                                                <p align="center">
                                                    <font face="黑体" size="4" color="#FFCC00">标题</font>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="10" bgcolor="#FFFFFF" >
                                        <tr>
                                            <td></td>
                                        </tr>
                                    </table>
                                    <table border="0" cellpadding="0" cellspacing="10" bgcolor="#393939" width="100%" height="450" align="center">
                                        <tr>
                                            <td valign="top">
                                                <p><font color="#FFFFFF">内容</font></p>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>


知识共享许可协议
《表格实现网页整体布局》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
相邻依据:发表时间
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

0 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     9759.91ms