Wie erstelle ich einen Rahmen mit DIV-Tags

Ein DIV-Tag ist ein HTML-Tag, das eine ganze Zeile ausfüllt. Als solches wird es oft als Container für Inhaltsblöcke verwendet. Das DIV-Tag kann in der Tat andere Tags enthalten, die Absätze, Aufzählungen, Bilder und Links zu erstellen. Je nach das Gesamtlayout Ihrer Webseite sollten Sie Rahmen zu verwenden, um den Container sichtbarer zu machen. Wenn Sie das div-Tag einen Rahmen hinzufügen, empfiehlt es sich, einige Leerstellen enthalten. Dies verhindert, dass Ihr Inhalt sitzen direkt vor der Grenze.

Anweisungen

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

2 Blättern Sie unterhalb des BODY-Tags und klicken Sie das DIV-Tag gehen soll.

3 Fügen Sie den folgenden Code um einen Rahmen um alle Seiten des DIV-Tags zu erstellen:

< Div Style = "Border: 1px solid schwarz;" > Ihre Inhalte gehen hier < / Div >

4 Ersetzen Sie "1px" mit der Grenze Größe. Ersetzen "durchgehend" mit "dashed", "dotted", "double" oder den Typ des Rahmens sollen. Ersetzen Sie "schwarz" mit der Rahmenfarbe.

5 Ersetzen Sie "Grenze", mit "Border-Top", "Boden-Boden," "unten links" oder "unten links" anpassen, in dem der Rahmen angezeigt wird. Der folgende Code gilt beispielsweise nur einen Rahmen an die Spitze des DIV:

< Div Style = "Border: 1px solid schwarz;" > Ihre Inhalte gehen hier < / Div >

6 Abstand zwischen DIV und dessen Inhalt durch den folgenden Code hinzufügen, jedoch ersetzen, "5px;" mit der Abstand, den Sie aufnehmen möchten:

< Div Style = "Border: 1px solid schwarz; Padding: 5px; " > Ihre Inhalte gehen hier < / Div >