leoyi520

个人中心部分的信息样式

CSS：

.borderRight{
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
background: url("../images/define-user.png")no-repeat top center;
margin: 10px 0 10px 10px;
}
.userTop{
margin-top: 20px;
}
.userGrow{
padding:10px;
}
.userGrow span{
padding-top: 10px;
font-size: 14px;
font-weight: bold;
}
.growExp{
display: inline-block;
padding:5px;
color:#F4B613;
background: #ccc;
border-radius: 15px;
line-height: 20px;
}

HTML：

<div class="row">
<div class="col-xs-4 padding10 borderRight">
</div>
<div class="col-xs-8">
<div class="userTop clear">
<h4 class="fl">轻轻陌上桑</h4>
<a href="#" class="colorGray fr">修改个人资料</a>
</div>
<div class="userGrow">
<span class="colorOrange">3 lv</span>
<span class="growExp">
等级特权
</span>
</div>
</div>
</div>