Wie man ein CSS Code Banner

August 30

Ein Cascading Style Sheets (CSS)-Banner ist ein Header, der aus CSS-Stile statt eines digitalisierten Bildes, die, das Sie auf Ihrer Seite einfügen. Das Banner zeigt normalerweise den Titel und Slogan Ihrer Website, und mit CSS formatieren Sie nicht nur in diesem Text aber Sie erstellen und formatieren Sie das Feld, das den Inhalt. Verwenden Sie Text-Editor-Anwendung Ihres Computers, um den CSS-Code eingeben, der einen Banner auf der Seite Ihrer Wahl macht.

Anweisungen

1 Öffnen Sie Ihr Dokument Webseite im Text-Editor-Anwendung Ihres Computers. Positionieren Sie den Cursor vor dem schließenden < / Head >-Tag, und geben Sie diesen CSS-Code:

< Typ style = "Text/Css" >

< / style >

2 Geben Sie "#banner {}" zwischen die Stilelemente eine Regel erstellen, die Ihr Banner macht. Geben Sie "Höhe:;" und "Breite:;" und geben Sie einen Wert in Pixeln (px) nach jeweils die bevorzugte Maße angeben. Zum Beispiel:

Banner {Höhe: 350px; Width: 600px;} 3 Geben Sie "Schriftgröße:;" und "Schriftfamilie:;" zum Erstellen von Attributen, die den Header Text formatieren. Geben Sie einen Pixelwert nach Schriftgröße und geben Sie zwei oder drei Schriftartnamen nach Schriftfamilie die gewünschte Schriftart angeben. Zur Veranschaulichung:

Banner {Schriftgröße: 32px; Font-Family: "Times New Roman", Georgia, Serif;} 4 Typ "Rahmenart:;" und geben Sie eine Pixelgröße, Linienart und hexadezimalen Farbwert, den Umriss Ihres Banners zu entwerfen. Darüber hinaus geben Sie "Hintergrundfarbe:;" und folgen Sie dieser mit dem bevorzugten Farbwert. Zum Beispiel:

Banner {Border-style Stil: 4px gepunktete #f0f0f0;} 5 Geben Sie "Polsterung:;" gefolgt von einem Wert in Pixel für den Abstand angeben, die zwischen dem Inhalt und der Grenze des Banners zeigt. Ihre komplette CSS-Code sieht nun ähnlich wie in diesem Beispiel:

Banner {} Höhe: 350px; Breite: 600px;

Schriftgröße: 32px; Font-Family: "Times New Roman", Georgia, Serif;

Rahmenart: 4px gepunktete #f0f0f0;

Padding: 15px;

}

6 Geben Sie "< Div Id ="banner">< / Div >" irgendwo unter dem Starttag < Körper >, Ihre Kopfzeile angezeigt werden soll. Geben Sie Ihr Banner-Text, z. B. die Website-Titel zwischen dem Div-Tag wie folgt:

< Div Id = "banner" >

Geben Sie hier Ihr Banner-Text.

< / Div >

7 Speichern Sie Ihr Dokument.