Dynamische Webseiten

Virtueller Campus Projekt, PHBern

StartseiteJavaScriptCSSJSPPHPMySQLDrucken

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

Border ­ Gestaltung von Rahmen

text

<html>
<head>

<style type="text/css">

#feld{
border-width: 1px;
border-style: dashed;
border-color: #000000;

background-color:#DDDDDD;
width: 200px;
height: 100px;
}

</style>

</head>
<body>

<div id="feld">Inhalt des Feldes</div>

</body>
</html>

Beispiel zeigen

<html>
<head>

<style type="text/css">

h1{
border-width: 1px;
border-style: solid;
border-color: blue;

text-align: center;
}

</style>

</head>
<body>

<h1>Titel</h1>

</body>
</html>

Beispiel zeigen

<html>
<head>

<style type="text/css">

h1{
border-top: 10px solid blue;
border-bottom: 2px solid red;
border-left: 5px solid black;
border-right: 5px solid black;

text-align: center;
}

</style>

</head>
<body>

<h1>Titel</h1>

</body>
</html>

Beispiel zeigen

 

Übungen

Aufgabe 3