CSS: Code Voorbeelden op een webpagina

Links naar de scripts voor de syntax highlighting functie op deze site is te vinden op de Google Code pagina "syntaxhighlighter." Zelf waardeer ik het maar het is wel een beetje zwaar als je op zoek bent naar een eenvoudige oplossing.

Als u op zoek bent naar een minder invlolved uitvoering, kunt u simpelweg de volgende code toevoegen aan uw stylesheet (s) of pagina ( 's) om uw <pre> of <code> tags lijken meer gestileerd. In dit geval echter, moet je voor het converteren van de HTML-entiteiten in speciale tekens alvorens het te gebruiken in de voorbeelden.

			 pre, 
			  (code 
			  Display: block; 
			  lettertype: 1em 'Courier New', Courier, Vast, monospace; 
			  Font-size: 100%; 
			  Color: # 000; 
			  background: # fff url (images / preback.jpg) no-repeat links boven; 
			  Overflow: auto; 
			  Text-align: links; 
			  border: 1px solide # 99cc66; / * markeert kleur * / 
			  Padding: 0px 20px 0 30px; 
			  Margin: 1em 0 1em 0; 
			  Line-height: 17px; 
			  )