Wie man einen CSS Banner

Verwenden Sie CSS-Code, um eine Website Banner erstellen. 

BANNER

Banner sind Bilder, die Sie erstellen und einfügen auf einer Webseite, aber Sie haben die Möglichkeit, Cascading Style Sheets (CSS) zu verwenden. Mit CSS, Ihr Banner wird eine kleinere Dateigröße sein, führt zu schnelleren Ladezeiten-Seite. Ein CSS- banner gibt Ihnen auch die Möglichkeit, schnell ändern die Design-Elemente, indem Sie den Code. Verwenden Ihres Computers Texteditor eine CSS banner bauen.

Starten Sie Ihren Texteditor und öffnen Sie die Website-Datei. Platzieren Sie den Cursor zwischen den Kopf-Tags.

Geben Sie diese CSS-Code vor dem schließenden / head element:

style type = "text / css"

# Banner {}

/ Style

Die "# banner {}" zwischen den Stil-Tags beginnt eine deutliche Regel, die Ihr Banner baut.

Geben Sie die folgenden Attribute zwischen den geschweiften Klammern:. "Width", "height", "font-size", "font-family", "padding", "background-color" und "border-style"

Geben Sie die Anzahl Werte in Pixel (px) nach der "Breite" und "Höhe" die gewünschten Banner Abmessungen angeben. Der Code sollte wie folgt aussehen:

# Banner {width: 500px; height: 300px;}

Geben Sie einen Pixelwert nach "font-size" und geben Sie einen font-family zu bestimmen, wie Ihr Banner der Text erscheint. Bitte geben Sie eine Polsterung Wert, um die Menge an Speicherplatz, die zwischen dem Text-und Banner Grenze erscheint etablieren. Zum Beispiel:

# Banner {font-size: 24px; font-family: Arial, Helvetica, sans-serif; padding: 10px;}

Geben Sie einen hexadezimalen Farbwert nach "background-color", um den Farbton zu bestimmen. Geben Sie eine Pixelgröße, Linienstil und Farbe Wert hinter "border-style" festlegen, wie der Rahmen um den Banner-Displays. Zum Beispiel:

# Banner {background-color: # ffff00; border-style: 2px solid # cccccc;}

Positionieren Sie den Cursor in der HTML-Code, wo Sie Ihr Banner erscheinen soll, und geben Sie den folgenden, um es auf der Seite eingefügt werden soll:

div id = "banner"

Geben Sie CSS für Banner hier

/ Div

Speichern Sie die Datei.

Tipps und Warnungen

Trennen Sie die einzelnen CSS-Attribut mit einem Semikolon, um die Arten der Arbeit zu gewährleisten. Zum Beispiel:

# Banner {

width: 500px;

Höhe: 300px;

font-size: 24px;

font-family: Arial, Helvetica, sans-serif;

padding: 10px;

background-color: # ffff00;

border-style: 2px solid # cccccc;

}