<!DOCTYPE html> <!--HTML5布局的使用,table布局,表格布局就是写一个表格,把其他东西都往里塞--> <html> <head lang="en"> <meta charset="UTF-8"> <title>table布局</title> </head> <body border="1" marginwidth="0px"marginheight="0px" > <table width="100%" height="800px"> <!--头部--> <tr> <!--colspan和并单元格--> <td colspan="3" width="100%" height="10%" style="background-color: #b3d4fc">头部</td> </tr> <!--中间--> <tr> <td width="20%" height="80%" style="background-color: #555555"> <ul> <li>中国人</li> <li>中国人</li> <li>中国人</li> </ul> </td> <td width="60%" height="80%" style="background-color: #ffff00">中间</td> <td width="20%" height="80%" style="background-color: blueviolet">右边</td> </tr> <!--底部--> <!--头部--> <tr> <!--colspan和并单元格--> <td colspan="3" width="100%" height="10%" style="background-color: aqua">底部</td> </tr> </table> </body></html>
HTML5基础12----HTML5布局的使用,table布局,表格布局就是写一个表格,把其他东西都往里塞
最新推荐文章于 2024-07-26 14:13:22 发布