有时候我们会有把div变成圆形的需求。
用下面的语句就可以了↓
border-radius: 50%;
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #d1{ width:100px; height: 100px; background-color: #6495ED; border-radius: 50%; text-align: center; line-height: 100px; } </style> <title></title> </head> <body> <div id="d1"> 圆形div </div> </body> <ml>
效果截图：
