求css3 高手 帮画一个水滴图型 如图

html-css014

求css3 高手 帮画一个水滴图型 如图,第1张

<html>

<body>

<style type="text/css"> 

 

 span{height:40px width:40px display:block position:relative} 

.demoSpan1{width:26px}

.demoSpan1:before{content:'' height:16px width:16px border:5px solid #333 display:block position:absolute top:2px left:0px z-index:1 line-height:26px border-radius:40px-webkit-border-radius:40px-moz-border-radius:40px color:#fff text-align:center}

.demoSpan1:after{content:'' height:0px width:0px display:block position:absolute bottom:2px left:3px border:10px transparent solid border-top-color:#333 border-width:15px 10px 0px 10px }

</style>

<span class="demoSpan1">

</span>

</body>

</html>

这个是中间空心的，你自己略加修改。

给你个便捷的CSS3图标网站，那里有很多责成的。

这里不给发网址，下面的东东，自己参吧：

www-uiplayground-in/css3-icons

这个是流量节省图标。点击进入设置关闭就可以。

屏幕上的水滴图标说明开启了流量节省功能，这个是流量监控，可以设置好每月的流量数，然后他就帮您统计，您已经使用了多少流量，还剩下多少流量，如果想关闭这个功能，可以打开设置点SM卡与流量管理点流量管理，节省流量，关闭流量节省后的开关即可关闭小水滴。