求html网页代码 20
1网页body主题部分布局包括三列，网页内容协调合理，
2网页第一列中包含列表和图片。 列表文字有两个超链接
3网页第二中有表格，设置表格背景边框
4网页第三列中有表单。
谢谢谢谢谢 展开
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/http; charset=utf-8">
<title>测试页</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
.main{
background-color: white;
padding:0 300px;
height: 700px;
}
.main-left{
width: 300px;
height: 100%;
background-color: #98FF1A;
float: left;
margin-left:-300px;
}
.main-center{
background-color: #8E8DCC;
height: 100%;
}
.main-right{
width: 300px;
height: 100%;
background-color:#7CC0FF;
float: right;
margin-right: -300px;
}
</style>
</head>
<body>
<div class="main">
<div class="main-left">
<ul>
<li><img src="这里输入图片文件路径"></li>
<li><a href="
<li><a href="
</ul>
</div>
<div class="main-right">
<form action="login.asp" method="post">
<ul>
<li>
<label>用户名: </label><input type="text" name="username" />
</li>
<br>
<li>
<label>密码: </label><input type="password" name="password" />
</li>
<li>
<input type="submit" value=" 登 录 " />
</li>
</ul>
</form>
</div>
<div class="main-center">
<table border="1px" cellspacing="0px" style="border-collapse:collapse" align="center">
<tr><td>这是一个table</td><td>tr是行</td><td>td是列</td></tr>
<tr><td>这是一个table</td><td>tr是行</td><td>td是列</td></tr>
<tr><td>这是一个table</td><td>tr是行</td><td>td是列</td></tr>
</table>
</div>
</div>
</body>
</html>
参考一下吧！
已赞过
已踩过<
