一个加号,然后设置阴影效果文字阴影:
<style> *{ margin: 0; padding: 0; } .button{ border: 1px solid #ccc; width: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 50px; text-shadow: 2px 2px 2px #aaa; } </style> <body> <div class="button">+</div> </body>
效果:
也有可能是 @font-face
目测白色区域是个div 加号是个背景图片或是用css画出来的 然后给div绑定单击事件就可以了
不能加图片的,用CSS怎么绘出来。
@Zy-Lee: 参考下这个 http://www.jb51.net/css/41448.html 复杂的图片都是从这些演变过去的
对于这种图标,我现在都使用的是阿里的公开图标库,非常方便。
http://www.iconfont.cn/collections
已完成