摘要：html和css微博布局

html>

html>

微博輸入

body{

font-size:?12px;

}

.box{

width:?600px;

height:?160px;

border:?10px?solid?pink;

margin:?0?auto;

padding:?10px;

}

img{

float:?left;

}

.box1{

float:?left;

margin-left:255px;

width:?150px;

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:?#ffc09f;

color:?#fff;

border-radius:?5px;

}

還可以輸入?字

表情

圖片

視頻

話題

長微博

公開

總結

以上是生活随笔為你收集整理的html微博首页布局,html+css微博布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。