Wie man Grenzen mit Hintergrundbildern in CSS

CSS ermöglicht es Ihnen verschiedene Layout hinzufügen und Attribute können Ihr HTML-Dokument angezeigt. Grenzen helfen, um einen Abschnitt des Textes, beispielsweise ein Preis oder Angebot bekannt zu machen. Verwenden Sie CSS um eine Rahmenart zu erstellen, die ein Hintergrundbild enthält. Der Stil kann dann auf verschiedene HTML-Text-Elemente wie z. B. ein Absatz (P) oder eine Abteilung (DIV) angewendet werden.

Anweisungen

1 Öffnen Sie Ihre HTML-Datei, die mit einem Text- oder HTML-Editor.

2 Geben Sie das folgende Skript oberhalb des "< / Head >" Tags, CSS-Grenze zu definieren:

< Skript >

{Borderimg} border:#006600 medium solid;

background-image:URL(images/bgpattern.gif);

}

< / script >

Ein grüner Rahmen mittlerer Breite, die ein Hintergrundbild enthält definiert ist. Ändern Sie die Werte für Rahmen und Bild zu Ihrem eigenen.

3 Suchen Sie das Element, dass Sie Formatvorlage, und fügen das Style-Tag:

< Div Id = "Borderimg" >

< p > A Datenblock mit einem Rahmen und Hintergrund Bild, Absatz eins. </p >

< p > A Datenblock mit einem Rahmen und Hintergrund Bild Nummer zwei. </p >

< / Div >