我的微博布局之一

Original 2019-02-09 19:14:25 295
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>我的微博</title><style type="text/css">     body{font-size: 12px;}.mydi

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>我的微博</title>

<style type="text/css">

     body{font-size: 12px;}

.mydiv{width:600px;height:200px; border:12px solid pink; margin:0px auto; padding:10px;}

img{float: left;}

        .mydiv1{float:left; margin-left: 255px; width:155px; height: 24px; text-olign:right; font-size: 14px;color:#888;}

        .mydiv span{font-size: 16px; font-weight: bold;}

        #text{width:600px;height:130px;border:1px solid green; margin-top:5px;}

       .mydiv #sp1,#sp2,#sp3,#sp4,#sp5,#sp6{float:left; width:30px;height: 32px;line-height: 32px;padding-left: 26px; font-size:12px;}

       #sp1{background: url(image/an5.png) no-repeat left center;}

       #sp2{background:url(image/an4.png) no-repeat left center;}

       #sp3{background:url(image/an3.png) no-repeat left center;}

       #sp4{background:url(image/an2.png) no-repeat left center;}

       #sp5{background:url(image/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; border-radius: 5px;}

</style>

<script type="text/javascript">


</script>

</head>

<body>

<div>

<img src="image/12.png" alt="">

<div>还可以输入 <span></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>


Release Notes

Popular Entries