摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/cs
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.weibo{width: 600px;height:190px; padding: 5px; margin:30px auto;border:10px solid darkkhaki}
.weibo img{float: left}
.shuru{float:right;color:#808080;font-size: 13px;height:25px;line-height: 25px;margin-right: 5px;}
.weibo textarea{border: 1px #ccc solid;width:98%;margin:10px auto;height: 106px;}
.clear{clear:both}
.ico{width: 98%;margin: 0 auto}
.ico ul{margin: 0;padding: 0}
.ico li{list-style: none;float: left;font-size:12px;line-height:25px;position:relative;min-width:55px; margin-right:3px;}
.ico li i{width:20px;height:25px;display:block;background-color:red;float:left;margin-right: 2px;}
.ico li:nth-child(1) i{background:url("images/an5.png") no-repeat center center}
.ico li:nth-child(2) i{background:url("images/an4.png") no-repeat center center}
.ico li:nth-child(3) i{background:url("images/an3.png") no-repeat center center}
.ico li:nth-child(4) i{background:url("images/an2.png") no-repeat center center}
.ico li:nth-child(5) i{background:url("images/an1.png") no-repeat center center}
.fabu{width:150px;margin-right: 5px;float: right}
.fabu input{width:80px;height:30px;border-radius:10px;background-color:#ffc09f;float:right;border: none;outline: none;color: white}
.fabu span{float:left;height:30px;line-height:30px;font-size:12px;color: #c8c9cd}
</style>
</head>
<body>
<div class="weibo">
<img src="images/12.png" alt=""/>
<div class="shuru">你还可以输入<span id="number"></span>字</div>
<div class="clear"></div>
<textarea></textarea>
<div class="weibo_bottom">
<div class="ico">
<ul>
<li><i></i>表情</li>
<li><i></i>图片</li>
<li><i></i>视频</li>
<li><i></i>话题</li>
<li><i></i>长微博</li>
</ul>
</div>
<div class="fabu">
<span>公开</span>
<input type="button" value="发布"/>
</div>
</div>
</div>
</body>
</html>
