BinaryDevelop
  1. ホーム
  2. html

[解決済み] htmlページで円を描くには？

2022-03-10 15:52:45

質問

HTML5とCSS3を使って円を描くには？

中にテキストを入れることも可能ですか？

解決方法は？

円そのものは描けない。しかし、円と同じものを作ることはできます。

角を丸くした長方形を作る必要があります（via. border-radius である。 幅/高さの2分の1 を、作りたい円の大きさに合わせます。 

    #circle {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background: red;
    }

<div id="circle"></div>

関連

最新

おすすめ

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