CSS: Code-Beispiele auf einer Web-Seite

Links zu den Skripten für die Syntax-Highlighting-Funktion auf dieser Website finden Sie auf der Google-Code-Seite, "syntaxhighlighter." Ich persönlich mag es, aber es ist ein bisschen schwer, wenn Sie sich für eine einfache Lösung.

Wenn Sie sich für ein weniger invlolved Umsetzung, benötigen, können Sie einfach den folgenden Code zu Ihrem Stylesheet (s) oder Seite (n), um Ihren <pre> oder <code> Tags Blick mehr Stil. In diesem Fall jedoch, benötigen Sie, um die HTML-Entities in Sonderzeichen, bevor Sie in den Beispielen.

			  vor, 
			  code ( 
			  Display: block; 
			  font: 1em "Courier New", Courier, Feste, Monospace; 
			  Font-size: 100%; 
			  Color: # 000; 
			  background: # fff url (Bilder / preback.jpg) no-repeat links oben; 
			  Overflow: auto; 
			  Text-align: left; 
			  border: 1px solid # 99cc66; / * Highlight-Farben * / 
			  Padding: 0px 20px 0 30px; 
			  Margin: 1em 0 1em 0; 
			  Line-height: 17px; 
			  )