<html> <head> <title>首页</title> <link rel="stylesheet" type="text/css" href="css/web.css"/> </head> <body> <!--top block --> <div class="top"> </div> <!--mstyledle-left--> <div class="middle-left"> </div> <!--middle-middle--> <div class="middle-mid"> <!--middle tr td td--> </div> <!--middle-right--> <div class="middle-right"> </div> </body> </html>
效果为:
middle-mid部分css样式少写了width,自己添加即可。
css代码为:
.top{ color:red; width:auto; height:10%; border-width:1; border-style:dotted; } .middle-left{ color:red; width:20%; height:90%; float:left; border-width:1; border-style:dashed; } .middle-mid{ color:red; font-family:"微软雅黑",Tahoma,Geneva,sans-serif; font-size:12; padding-bottom:30px; padding-left:30px; padding-right:30px; padding-top:30px; margin-left:20px; margin-top:20px; width:53%; float:left; border-width:1; border-style:dotted; } .middle-right{ color:red; font-size:12; width:20%; float:right; height:90%; border-width:1; border-style:dashed; }
时间: 2024-10-15 16:50:13