微博 简易布局
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>微博</title>
<style type="text/css">
.weibomain
{
width: 600px;
height: 200px;
border: 8px solid pink;
margin: 0px auto;
}
img
{
float: left;
}
.inputtop
{
float: left;
margin-left: 200px;
font-size: 14px;
color: #888;
}
.inputtop span
{
font-size: 16px;
font-weight: bold;
}
#weibotxt
{
width: 580px;
height: 136px;
/*border:1px #888;*/
margin-top: 5px;
margin-left: 5px;
}
.weibomain #inputbut1,#inputbut2,#inputbut3, #inputbut4,#inputbut5,#inputbut6
{
width: 30px;
font-size: 12px;
float: left;
height: 30px;
padding-left: 20px;
line-height: 32px;
}
#inputbut1
{
background:url(img/face.png) no-repeat left center;
}
#inputbut2
{
background:url(img/face1.png) no-repeat left center;
}
#inputbut1
{
background:url(img/face2.png) no-repeat left center;
}
#inputbut3
{
background:url(img/face3.png) no-repeat left center;
}
#inputbut4
{
background:url(img/face4.png) no-repeat left center;
}
#inputbut5
{
background:url(img/face5.png) no-repeat left center;
width:40px;
}
#inputbut6
{
margin-left: 200px;
margin-right: 20px;
color: #888;
}
#fabu
{
border: none;
background: #ffc098;
color: #fff;
height: 25px;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="weibomain">
<img src="img/topl.png">
<div class="inputtop">还可以输入<span id="wordnu"></span>字</div>
<textarea id="weibotxt"></textarea>
<span id="inputbut1">表情</span>
<span id="inputbut2">图片</span>
<span id="inputbut3">视频</span>
<span id="inputbut4">话题</span>
<span id="inputbut5">长微博</span>
<span id="inputbut6">公开</span>
<input type="button" value="发布" id ="fabu">
</div>
</body>
</html>
请问一下 原先微博 有什么新鲜事可以告诉大家 那个图片哪来的 看网页代码是分几段的 <em class="spac1">有什么新</em><em class="spac2">鲜</em><em class="spac3">事想告诉大家</em><em class="spac4">?</em> 不知道是字体图标还是什么