分享一个小demo

算命 · 发表于 2017-7-10 17:42:52

您需要登录才可以下载或查看，没有账号？注册

x

本帖最后由算命于 2017-7-10 17:42 编辑

秦始皇觉得你的帖子很赞
6.66

算命 · 发表于 2017-7-10 17:42:53

本帖最后由算命于 2017-7-10 17:39 编辑

// 使用请先勾选附加选项的H码,再点击右上角纯文本代码附注释不懂留言

<style type="text/css">
.qi {
width: 350px;
height: 400px;
background-color: #CD2626;
margin: 40px auto;
-webkit-box-shadow: 0 0 16px #454345;
-moz-box-shadow: 0 0 16px #454345;
box-shadow: 0 0 16px #454345;
font-family: "Poiret One", "微软雅黑 Light", sans-serif;
font-width: 300;
border-radius: 5px;
}
.qi-a {
height: 120px;
background-color: #B22222;
text-align: center;
overflow: hidden;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
box-shadow: 0 0 10px 0px #454345;
}
.qi-a img{
vertical-align: middle;
width: 85px;
height: 85px;
margin: 17px;
border-radius: 50%;
}
.qi-b {
text-align: center;
}
</style>
<div class="qi">
<div class="qi-a">
<img src="http://www.qqmcc.net/data/attachment/album/201707/07/174744s72tfsltf9f139wl.jpg">
</div>
<div class="qi-b">
<span style="display: block; margin-top: 60px;">
<span style="color: #EEEE00;font-size: 16px;letter-spacing: 1px;">秦始皇觉得你的帖子很赞</span><br>
<span style="color: #ffffff;font-size: 90px;font-weight: bold">6.66</span>
</span>
</div>
</div>