微博输入小课题

原创 2019-01-03 11:44:11 249
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>微博输入</title> <style type="text/css"> body { font-size: 12px; } #

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>微博输入</title>

<style type="text/css">

body {

font-size: 12px;

}


#box {

width: 600px;

height: 170px;

border: 8px solid pink;

margin: 0px auto;

padding: 10px;

}


img {

float: left;

}


#box1 {

float: left;

,

margin-left: 255px;

width: 170px;

height: 24px;

text-align: right;

font-size: 14px;

color: #888;

}


#box1 span {

font-size: 16px;

font-weight: bold;

}


#text {

width: 600px;

height: 100px;

border: 1px solid #888;

margin-top: 5px;

}


#box #sp1,#sp2,#sp3,#sp4,#sp5,#sp6 {

float: left;

width: 30px;

height: 32px;

line-height: 32px;

padding-left: 26px;

}


#sp1 {

background: url(images/an5.png) no-repeat left center;

}


#sp2 {

background: url(images/an4.png) no-repeat left center;

}


#sp3 {

background: url(images/an3.png) no-repeat left center;

}


#sp4 {

background: url(images/an2.png) no-repeat left center;

}


#sp5 {

background: url(images/an1.png) no-repeat left center;

width: 40px;

}


#sp6 {

margin-left: 150px;

margin-right: 15px;

color: #888;

}


#bt {

float: left;

width: 80px;

height: 30px;

border: none;

background: #ffc09d;

color: #fff;

border-radius: 5px;

}

</style>

</head>


<body>

<div id="box">

<img src="images/12.png">

<div id="box1">还可以输入<span id="number">字</span></div>

<textarea id="text"></textarea>

<span id="sp1">表情</span>

<span id="sp2">图片</span>

<span id="sp3">视频</span>

<span id="sp4">话题</span>

<span id="sp5">长微博</span>

<span id="sp6">公开</span>

<input type="button" value="发布" id="bt" />

</div>

</body>


</html>


发布手记

热门词条