 Farbige Bullets als Blickfang
Grafische Elemente als 'Haltepunkte' fürs Auge sind nicht wirklich einzig zur Auflockerung von Seiten gedacht. Überschriften und wichtige Abschnitte können so gekennzeichnet werden. Nicht jeder ist ein Pixelzauberer. Auch ganz ohne Grafiken können Sie das durch die Verwendung von Sonderzeichen umsetzen.
|
|
Bullets durch HTML-Sonderzeichen
Farbige Bullets lassen sich z.B. durch das Sonderzeichen (•)
darstellen.
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Übrigens 'wachsen' diese Pseudo-Grafiken bei einer Schriftgrößenänderung durch den Seitenbesucher mit, wenn Sie bei der Größenformatierung keine fixen Größenangaben wie Punkt oder Pixel nutzen.
Notierung ist möglich mit diesen Angaben:
Bullet-Zeichen: • • •
• Bullets als Listenzeichen mit •
• Bullets als Listenzeichen sind flexibel
• Bullets als Listenzeichen sind anpassungsfähig
|
Der Code für das Bullet: • •
Der Code für den Bindestrich: – –
Der Code für den langen Bindestrich: — —
Der Code für das offene Bullet: ° °
Größe einstellen / Formatieren
a) mit Font-Size:
<font color="#009933" size="4">•</font>
b) inline Formatierung CSS:
<span style="color:#2C6ED5;font-size:20px;">•</span>
c) CSS-Formatierung durch eigene Klasse
im HEAD:
<style type="text/css">
<!--
.big {
font-family: Arial,Helvetica,sans-serif;
font-size: 20pt;
font-weight: bold;
}
-->
</style>
Im BODY:
<span class="big">•</span>
Querverweise:
 Grafiken / Aufzählungszeichen vor Listelementen mit CSS
Grafiken / Aufzählungszeichen vor Listelementen mit HTML
Einrückung mit HTML und mit CSS
| 
Home • HTML • farbige Bullets