Wie man CSS verwenden, um einen Rahmen zu einem Div geben

"DIVs" werden im HTML-Format verwendet, um Abschnitte einer Webseite, wie z. B. Spalten, Kopf- oder Fußzeile enthalten. Cascading Stylesheets oder CSS, können Sie um jeden Abschnitt und seinen Inhalt zu formatieren. Mithilfe von Grenzen können Sie Bereiche Ihrer Webseite mehr sichtbar machen. Darüber hinaus können Sie der Grenze Farbe, Größe und Stil anpassen. Die Rahmenart kann eine solide, punktiert, gestrichelt oder doppelte Linie und umschließen das gesamte DIV oder nur Teile davon.

Anweisungen

1 Öffnen Sie die HTML-Datei, die Sie in einem Texteditor wie Notepad, TextPad oder EditPad ändern möchten.

2 Fügen Sie den folgenden zwischen dem < HEAD >-Tag. Es wird ein soliden, schwarzen Rahmen der div.

< Stil ><!--

{MyBorder} Border: 2px solid rot;Padding: 5px;}-->< / style >

3 Ersetzen Sie "Grenze:" im obigen Code mit "Border-Top:" den Rahmen am oberen Rand des DIV allein angezeigt. Verwendung "Grenze-Boden:" eine untere Grenze, "Border-Left" für einen linken Rand angezeigt oder "Grenze-Recht:" für einen richtigen Rahmen.

4 Ersetzen Sie "durchgehend" mit dem Typ Grenze, die Sie erstellen möchten, z. B. "double", "Gestrichelt", oder "gepunktet." Ersetzen Sie "2px;" mit der Größe der zu erstellenden Grenze. Ersetzen Sie "rot" mit der Rahmenfarbe. Ersetzen Sie den Wert in "auffüllen", mit dem Abstand zwischen DIV und dessen Inhalt.

5 Fügen Sie den folgenden zwischen < BODY >-Tag, wo das DIV geht. Ersetzen Sie "mein Text hier einfügen" mit dem Inhalt der DIV.

< Div Id = "MyBorder" > mein Text hier einfügen < / Div >