2个回答
展开全部
自己做的一个小实例
<!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>
<style>
.page{ margin:0 auto; padding:0px; width:500px;}
.pl{ width:500px;}
.pl h5{ height:20px; line-height:20px; background:#666666; font-size:12px; padding-left:10px;}
.pl h5 span{ float:right;}
.pl h5 span a{ font-size:12px; color:#000000;}
.con1 ul{ padding:10px 20px;}
.con1 ul li{ font-size:12px; text-decoration:none; line-height:24px; }
.con1 ul li a{ text-decoration:none; color:#000; list-style:none;}
.ly h5{ height:20px; line-height:20px; background:#666666; font-size:12px;padding-left:10px;}
.user{height:20px;color:#7e807d;line-height:20px; margin-top:10px;}
.user label{font-size:12px;font-weight:bold;float:left;}
.user input{border:1px #c7c7c9 solid;height:14px;float:left;line-height:14px;font-size:12px;margin-right:10px;width:120px;}
.user a{color:#7e807d;text-decoration:underline;margin-right:10px;}
.submit{height:20px;margin-top:8px;line-height:20px; font-size:12px;}
.submit input{float:left;height:18px;width:34px;text-align:center;border:none;font-size:12px;}
.submit span{padding-left:20px;color:#7e807d}
.user span{ font-size:12px;}
</style>
</head>
<body>
<div class="page">
<div class="pl">
<h5><span><a href="#">更多>></a></span>最新评论</h5>
<div class="con1">
<ul>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
</ul>
</div>
</div>
<div class="ly">
<h5>留言</h5>
<textarea name="tear1" cols="60" rows="5"></textarea>
</div>
<div class="user">
<label>用户:</label>
<input type="text" value="" />
<label>密码:</label>
<input type="password" value="" />
<span><a href="#">忘记密码?</a>
<a href="#">注册</a></span>
<div class="submit">
<input type="submit" value="发送" />
<span>[完成后可按Ctrl+Enter发布]</span>
</div>
</div>
</div>
</body>
</html>
<!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>
<style>
.page{ margin:0 auto; padding:0px; width:500px;}
.pl{ width:500px;}
.pl h5{ height:20px; line-height:20px; background:#666666; font-size:12px; padding-left:10px;}
.pl h5 span{ float:right;}
.pl h5 span a{ font-size:12px; color:#000000;}
.con1 ul{ padding:10px 20px;}
.con1 ul li{ font-size:12px; text-decoration:none; line-height:24px; }
.con1 ul li a{ text-decoration:none; color:#000; list-style:none;}
.ly h5{ height:20px; line-height:20px; background:#666666; font-size:12px;padding-left:10px;}
.user{height:20px;color:#7e807d;line-height:20px; margin-top:10px;}
.user label{font-size:12px;font-weight:bold;float:left;}
.user input{border:1px #c7c7c9 solid;height:14px;float:left;line-height:14px;font-size:12px;margin-right:10px;width:120px;}
.user a{color:#7e807d;text-decoration:underline;margin-right:10px;}
.submit{height:20px;margin-top:8px;line-height:20px; font-size:12px;}
.submit input{float:left;height:18px;width:34px;text-align:center;border:none;font-size:12px;}
.submit span{padding-left:20px;color:#7e807d}
.user span{ font-size:12px;}
</style>
</head>
<body>
<div class="page">
<div class="pl">
<h5><span><a href="#">更多>></a></span>最新评论</h5>
<div class="con1">
<ul>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
<li><a href="#">您想在自己的网站上展示百度</a></li>
</ul>
</div>
</div>
<div class="ly">
<h5>留言</h5>
<textarea name="tear1" cols="60" rows="5"></textarea>
</div>
<div class="user">
<label>用户:</label>
<input type="text" value="" />
<label>密码:</label>
<input type="password" value="" />
<span><a href="#">忘记密码?</a>
<a href="#">注册</a></span>
<div class="submit">
<input type="submit" value="发送" />
<span>[完成后可按Ctrl+Enter发布]</span>
</div>
</div>
</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询