html – 如何在css中做椭圆形?

html – 如何在css中做椭圆形?,第1张

概述我想做一个椭圆形像: 但是当我使用这段代码: <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> <title>Oval</title> <style type="text/css"> 我想做一个椭圆形像:

但是当我使用这段代码:

<!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中做椭圆形?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1100198.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存