BinaryDevelop
  1. ホーム
  2. html

[解決済み] cssで楕円を作るには？

2022-02-15 22:45:47

質問内容

楕円のような形を作りたい。

しかし、私はこのコードを使用したとき。 

<!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 class="oval"></div>
    </body>
</html>

こんなの出るんだ。

円を作るにはうまくいくが、楕円を作るにはうまくいかない。

解決方法は？

を変更するだけです。 border-radius: 40px から border-radius: 50% . 

.oval {
  width: 160px;
  height: 80px;
  background: #a84909;
  border-radius: 50%;
}

<div class="oval"></div>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します