【代码】CSS仿手机QQ消息提示
2014-11-02 22:51:27 -0500
<style> .xiaoxi{ background: #abc; border: 1px solid grey; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 50px; height: 50px; display: inline-block; background:url(http://35230.wodemo.com/file/252108/pkg/icon.png) no-repeat; /*背景图标地址，建议宽高一致*/ background-size:cover; } .ms { color: #fff; width: 20px; height: 20px; border: 3px solid #FFF; background: red; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; margin: 0px 0px 30px 30px; } </style> <div class="xiaoxi"><div class="ms">8</div> </div>
•代码演示
8
转自
@笑忘书
，转载请注明出处。
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N