Wie man Sternchen eine andere Farbe in HTML

Sternchen rufen Ihre Aufmerksamkeit auf Informationen auf einer Webseite. Sie können Sternchen mit Text oder Aufzählungszeichen in einer Liste zu erstellen. Das Tag < LI > Listen in HTML behandelt und unterstützt CDs, Quadrate und Kreise. Da Sternchen in Bullet-Listen nicht unterstützt werden, können Sie stattdessen eine Grafik für einen farbigen Sternchen verwenden. Wenn Sie das Sternchen nicht in eine Liste einfügen sind, können als Text auf einer Webseite zu formatieren und es in Ihrem HTML-Code Farbe.

Anweisungen

Bild erforderlich

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

2 Fügen Sie den folgenden Code zwischen den < HEAD >-Tag, um einen Stil für das Sternchen-Bild erstellen. Ersetzen Sie "myAsterisk.gif" durch den Namen der farbigen Sternchen Grafik.

< Typ style = "Text/Css" >

<!--

Li {}

Text-Indent: 5px;

List-Style-Position: außen;

List-style-image:URL('myAsterisk.gif');

}

-->

< / style >

3 Fügen Sie den folgenden Code nach dem < BODY >-Tag, wo die Aufzählung geht:

< Ul >

< li > meine erste Zeile </li >

< li > Meine zweite Linie </li >

</ul >

Kein Bild benötigt: Option eine

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

5 Fügen Sie den folgenden Code zwischen den < HEAD >-Tag, um einen Stil für das Sternchen-Bild erstellen. Ersetzen Sie "rot", mit der richtigen Farbe, die Sie anwenden möchten:

< Typ style = "Text/Css" >

<!--

.myColor {Color: Red;}

-->

< / style >

6 Fügen Sie den folgenden Code zwischen dem < BODY >-Tag, wo das farbige Sternchen angezeigt wird:

< span Class = "MyColor" > * < / span >

Kein Bild benötigt: Option zwei

7 Öffnen Sie die HTML-Datei, die Sie ändern möchten.

8 Blättern Sie zu < BODY >-Tag, wo das Sternchen gehen wird.

9 Fügen Sie den folgenden Code um das Sternchen rot einzufärben. Um eine andere Farbe verwenden, ersetzen Sie "rot" mit der Farbe, die Sie verwenden möchten:

< span Style = "Color: Red;" > * < / span >