Wie man in CSS Margin-Code schreiben

CSS oder Cascading Style Sheet Code definiert die optischen Attribute eines HTML-Tags. Beispielsweise können Sie die Breite eines Bildes, die Farbe des Tabellenrahmens oder die Standard-Schriftart für eine Webseite mit CSS-Code definieren. Ein Rand im CSS bezieht sich auf den Abstand zwischen dem Rand eines Elements, wie z. B. ein Bild oder eine Tabelle, und das nächste Element, z. B. Text oder der Rand des Bildschirms. Sie können bestimmte Ränder für jede Seite eines Elements definieren.

Anweisungen

1 Öffnen Sie die Datei oder Webseite enthält den HTML-Code, in dem Sie CSS-Code einfügen möchten. Gehen Sie auf das spezifische Element, wofür Sie Ränder, wie dem < Img > Tag für ein Bild oder das < Table >-Tag für eine Tabelle angeben möchten. Umgeben von Text mit < Div > und < / Div > Tags, um Ihr eigenes Element zu erstellen.

2 Geben Sie den folgenden Code in das entsprechende HTML-Element-Tag, einen Rand an allen vier Seiten die gleiche Größe erstellen:

Style = "Margin: 10px;"

Zum Beispiel:

< Div Style = "Margin: 10px;" >

3 Geben Sie den folgenden Code in das entsprechende HTML-Element-Tag einen Spielraum von einem am oberen und unteren, und eine andere Größe auf der linken und rechten zu erstellen:

Style = "Margin: 10px 20px;"

Die erste Zahl bezieht sich auf den oberen und unteren Rand, die zweite Zahl bezieht sich auf den linken und rechten Rand.

4 Geben Sie den folgenden Code in das entsprechende HTML-Element-Tag auf jeder Seite eine anderen Randgröße angeben:

Style = "Margin: 10px 20px 30px 40px;"

In Ordnung beziehen sich diese Zahlen auf Oberseite, rechten, unteren und linken Rand.

5 Geben Sie den folgenden Code in das entsprechende HTML-Element-Tag um das Element zu zentrieren:

Style = "Margin: Auto;"