Dynamische Webseiten

Virtueller Campus Projekt, PHBern

StartseiteJavaScriptCSSJSPPHPMySQLDrucken

Schriftgrösse: kleiner - zurücksetzen - grösser

Aufzählungslisten

Auch für Listen gibt es CSS-Definitionen. Eine unformartierte Liste sieht folgendermassen aus:

<html>
<head>
</head>
<body>

<ul>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
<li>Text 4</li>
<li>Text 5</li>
</ul>


</body>
</html>


Beispiel zeigen

Aufzählungsliste mit kleinen Quadraten

Mittels CSS können die Listenelemente angepasst werden. Beispielsweise kann man die Listen mit kleinen Quadraten statt mir runden Kreisen beginnen lassen.

<html>

<head>
<style type="text/css">
ul { list-style-type: square; }
</style>
</head>

<body>
<ul>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
<li>Text 4</li>
<li>Text 5</li>
</ul>
</body>

</html>


Beispiel zeigen

Beispiel Online Bearbeiten