“ in den Textkörper ein. Legen Sie dann die Breite, Höhe und Farbe der Div-Grafik fest ; Zum Schluss legen Sie das Attribut „border-radius“ fest, um einen Kreis zu zeichnen."/> “ in den Textkörper ein. Legen Sie dann die Breite, Höhe und Farbe der Div-Grafik fest ; Zum Schluss legen Sie das Attribut „border-radius“ fest, um einen Kreis zu zeichnen.">

Heim  >  Artikel  >  Web-Frontend  >  So zeichnen Sie einen Kreis in HTML

So zeichnen Sie einen Kreis in HTML

藏色散人
藏色散人Original
2021-03-26 15:48:4321655Durchsuche

So zeichnen Sie einen Kreis in HTML: Erstellen Sie zunächst eine HTML-Beispieldatei, geben Sie dann den Hauptinhalt in den Textkörper ein: „

“; Grafik Hohe Attribute und Farben; legen Sie schließlich das Attribut „Rahmenradius“ fest, um einen Kreis zu zeichnen.

So zeichnen Sie einen Kreis in HTML

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Öffnen Sie eine beliebige Codierungssoftware wie Dreamweaver oder Hbuilder und erstellen Sie dann beim Erstellen der Leinwand eine HTML-Datei.

So zeichnen Sie einen Kreis in HTML

Nach der Eingabe der HTML-Datei gibt es ein Titel-Tag zum Ausfüllen des Titels, ein Stil-Tag zum Eingeben des CSS-Stils und den Text als Thementeil. Sie können den Namen der Website eingeben Wie hier gezeigt, geben Sie den Kreis ein, um mehrere Wörter zu erstellen.

So zeichnen Sie einen Kreis in HTML

Wenn Sie den Effekt im Browser öffnen und ihn ansehen, können Sie sehen, dass der Name der Website aus den Wörtern Circle Production besteht.

So zeichnen Sie einen Kreis in HTML

Dann geben Sie nun den Hauptinhalt in den Textkörper ein

[Lernempfehlung: "HTML Video Tutorial"]

So zeichnen Sie einen Kreis in HTML

Dann Um dem gesamten Div einen CSS-Stil hinzuzufügen, legen Sie die Breiten- und Höhenattribute sowie die Farbfülleinstellungen dieser Grafik fest.

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

So zeichnen Sie einen Kreis in HTML

Dadurch entsteht eine rote rechteckige Form, wie im Bild gezeigt rechter Winkel Für abgerundete Ecken ist hier der Code zum Abrunden von Ecken: border-radius:50%; Stellen Sie den Breiten- und Höhendrehwinkel auf 50% des Originals ein, und drücken Sie dann Strg+S, um ihn zu speichern.

So zeichnen Sie einen Kreis in HTML

Wie im Bild gezeigt, wird es nach der Vorschau im Browser dieser Kreis sein.

So zeichnen Sie einen Kreis in HTML

Das obige ist der detaillierte Inhalt vonSo zeichnen Sie einen Kreis in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist Adresse in HTML?Nächster Artikel:Was ist Adresse in HTML?