HTMLで円を描く方法

html円の描き方: まずHTMLサンプルファイルを作成し、本文にメインコンテンツ「

」を入力し、幅を設定します。 div グラフィックの高さ、色を設定し、最後に円を描画するために「border-radius」属性を設定します。

##この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

Dreamweaver または hbuilder などのコーディング ソフトウェアを開きます。任意のコーディング ソフトウェアを使用して、キャンバスを作成するときに HTML ファイルを作成することを選択します

HTML ファイルを入力した後、タイトル タグを入力し、CSS スタイルを入力しますstyle タグと body Zhongshi テーマの部分に、title タグにウェブサイト名を入力できます（ここの図に示すように）。「サークル作成」という単語を入力します。

ブラウザで開いた場合 ご覧いただくと、サイト名にCircle Productionという文字が入っていることがわかります。

次に、本文に主要なコンテンツを入力します

[推奨学習: HTML ビデオ チュートリアル>>]

#次に、div 全体に CSS スタイルを追加し、幅と高さの属性と色の塗りつぶし設定を設定する必要があります。このグラフィック ;

#yuan{width:200px;height:200px;background-color:red;}

これにより、図に示すように、赤い長方形の形状が作成されます。

right angle 丸い角の場合、角を丸くするコードは次のとおりです: border-radius:50%; 幅と高さの回転角度を元の 50% に設定します。これは円であり、ctrl s を押して保存します。

#画像のように、ブラウザでプレビューするとこの円になります。

以上がHTMLで円を描く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。