CSS3圆环效果代码
分类:实例代码
分享一段代码实例,它使用css3实现了圆环效果。
代码实例如下:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style> div { border-radius: 50%; } #outer { width: 100px; height: 95px; background: green; padding-top: 5px; } #inner { margin-left: 5px; width: 90px; height: 90px; background: #fff; } </style> </head> <body> <div id="outer"> <div id="inner"> </div> </div> </body> </html>