Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie in HTML Rahmen zu div hinzu

So fügen Sie in HTML Rahmen zu div hinzu

coldplay.xixi
coldplay.xixiOriginal
2021-03-01 15:17:4644430Durchsuche

So fügen Sie einem Div in HTML einen Rahmen hinzu: Erstellen Sie zunächst eine neue HTML-Seite und schreiben Sie das Tag [

] in []; dann betten Sie CSS intern ein oder verweisen Sie extern auf CSS-Dateien, um Stile hinzuzufügen das div; dann können Sie die Methode zum einheitlichen Festlegen des Rahmenstils verwenden und schließlich die Methode zum separaten Festlegen des Rahmenstils verwenden.

So fügen Sie in HTML Rahmen zu div hinzu

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

So fügen Sie Rahmen zu Divs in HTML hinzu:

1 Erstellen Sie eine neue HTML-Seite.

So fügen Sie in HTML Rahmen zu div hinzu

2. Öffnen Sie im 中写上<div>-Tag von HTML den Browser und es wird eine entsprechende Darstellung angezeigt. <p><img src="https://img.php.cn/upload/image/141/317/122/1614582990612457.png" title="1614582990612457.png" alt="So fügen Sie in HTML Rahmen zu div hinzu"></p> <p><img src="https://img.php.cn/upload/image/606/768/264/1614582994793976.png" title="1614582994793976.png" alt="So fügen Sie in HTML Rahmen zu div hinzu"></p> <p>3. CSS intern verschachteln oder extern auf CSS-Dateien verweisen (im Allgemeinen externe Referenzen), um Stile zu Divs hinzuzufügen. </p> <p>4. Zwei Möglichkeiten, Stile hinzuzufügen: </p> <p> Erstens: Legen Sie den Rahmenstil einheitlich fest. </p> <p><img src="https://img.php.cn/upload/image/234/143/856/1614583004213775.png" title="1614583004213775.png" alt="So fügen Sie in HTML Rahmen zu div hinzu"></p> <p><img src="https://img.php.cn/upload/image/666/517/246/1614583010947147.png" title="1614583010947147.png" alt="So fügen Sie in HTML Rahmen zu div hinzu"></p> <p> Zweitens: Legen Sie den Rahmenstil separat fest. Die Regeln sind immer noch dieselben. </p> <p><img src="https://img.php.cn/upload/image/311/102/180/1614583016397895.png" title="1614583016397895.png" alt="So fügen Sie in HTML Rahmen zu div hinzu"></p> <p><img src="https://img.php.cn/upload/image/816/634/736/1614583020396662.png" title="1614583020396662.png" alt="So fügen Sie in HTML Rahmen zu div hinzu"></p> <blockquote><p><strong>Verwandte Lernempfehlungen: </strong><a href="https://www.php.cn/course/list/11.html" target="_blank"><strong>HTML-Video-Tutorial</strong></a></p></blockquote> </div>

Das obige ist der detaillierte Inhalt vonSo fügen Sie in HTML Rahmen zu div hinzu. 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