摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .dex { width: 600px; height: 180px; border: 4px solid choc
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.dex {
width: 600px;
height: 180px;
border: 4px solid chocolate;
margin: 0 auto;
padding: 10px;
}
.dex img {
float: left;
}
.box {
float: left;
margin-left: 260px;
width: 150px;
height: 24px;
text-align: right;
color: #888;
}
.box span {
font-size: 16px;
font-weight: bold;
}
#text {
width: 595px;
height: 100px;
border: 1px solid #888;
margin-top: 4px;
}
.dex #te1,
#te2,
#te3,
#te4,
#te5,
#te6 {
float: left;
width: 30px;
height: 32px;
line-height: 32px;
font-size: 12px;
padding-left: 26px;
}
#te1 {
background: url(images/an5.png) no-repeat left center;
}
#te2 {
background: url(images/an4.png) no-repeat left center;
}
#te3 {
background: url(images/an3.png) no-repeat left center;
}
#te4 {
background: url(images/an2.png) no-repeat left center;
}
#te5 {
background: url(images/an1.png) no-repeat left center;
width: 40px;
}
#te6 {
margin-left: 140px;
margin-right: 15px;
color: #888;
}
#btn {
float: left;
width: 80px;
height: 30px;
border: 0px;
background: chocolate;
color: #fff;
border-radius: 4px;
}
</style>
</head>
<body>
<div class="dex">
<img src="images/12.png" />
<div class="box">还可以输入<span id="tenx"></span>字</div>
<textarea id="text">
</textarea>
<span id="te1">表情</span>
<span id="te2">图片</span>
<span id="te3">视频</span>
<span id="te4">话题</span>
<span id="te5">长微博</span>
<span id="te6">公开</span>
<input type="button" value="发布" id="btn" />
</div>
</body>
</html>
