但是当我使用这段代码:
<!DOCTYPE HTML><HTML> <head> <Meta http-equiv="Content-Type" content="text/HTML"; charset="utf-8" /> <Title>oval</Title> <style type="text/CSS"> .oval { wIDth: 160px; height: 80px; background: #a84909; border-radius: 40px; } </style> </head> <body> <div ></div> </body></HTML>
它给我这个:
要做一个圆圈它可以工作,但一个椭圆形不是.
解决方法 你所要做的就是将border-radius:40px改为border-radius:50%.<!DOCTYPE HTML><HTML> <head> <Meta http-equiv="Content-Type" content="text/HTML"; charset="utf-8" /> <Title>oval</Title> <style type="text/CSS"> .oval { wIDth: 160px; height: 80px; background: #a84909; border-radius: 50%; } </style> </head> <body> <div ></div> </body></HTML>总结
以上是内存溢出为你收集整理的html – 如何在css中做椭圆形?全部内容,希望文章能够帮你解决html – 如何在css中做椭圆形?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)