摘要: <!DOCTYPE html> <html> <head> <title>微博制作</title> <style type="text/css"> &nb
<!DOCTYPE html> <html> <head> <title>微博制作</title> <style type="text/css"> .global{width: 600px;height: 200px;border: 5px solid pink;margin: 0px auto;padding: 10px 8px;} img{float: left;} .hedaer{float: right; padding: 0 10px;} .layout{width: 600px;height: 140px;} .global #sp1,#sp2,#sp3,#sp4,#sp5,#sp6{width:400px;height: 30px;margin:0px 10px;line-height: 30px;} </style> </head> <body> <div class="global"> <img src="img/1.png"> <div class="hedaer">还可以输入<span id="number"></span> 字 </div> <textarea class="layout"></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="btn" > </div> </body> </html>