Shulou(Shulou.com)05/31 Report--

This article will explain in detail how to achieve the Facebook icon in css. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Facebook icon # facebook-icon {background: red; text-indent:-999eme; width: 100px; height: 110px; box-sizing: content-box; border-radius: 5px; position: relative; overflow: hidden; border: 15px solid red; border-bottom: 0;} # facebook-icon:before {content: "/ 20"; position: absolute; background: red; width: 40px; height: 90px; bottom:-30px; right:-37px; border: 20px solid # eee Border-radius: 25px; box-sizing: content-box;} # facebook-icon:after {content: "/ 20"; position: absolute; width: 55px; top: 50px; height: 20px; background: # eee; right: 5px; box-sizing: content-box } this is the end of the article on "how css implements the Facebook icon". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.