tutorials - Rahmen

Rahmen-Codes_

Man kann relativ einfach mit CSS einen Rahmen um einen Text oder eine Box, den Content, aber auch Buttons machen.

Die Rahmendicke:

border-width: 3px

Die Rahmenfarbe:

border-color: #FF0000

Der Rahmentyp:

border-style: Rahmentyp dotted

Die Innenabstände:

padding:10px

Für einen eingerahmten Textabsatz mit einer Rahmendicke 3 Pixel, einer Rahmenfarbe rot, einem gepunkteten Rahmen und Innenabständen 10 Pixel, sieht der einleitende Tag dann so aus!

Rahmenmuster mit Typbezeichnung:

Rahmentyp = border-style:dotted, Rahmentyp = #821717

Rahmenfarbe = #009900, Rahmentyp = border-style:dashed

Rahmenfarbe = #0000FF, Rahmentyp = border-style:solid

Rahmendicke = 6 Pixel, Rahmenfarbe = #1D8772, Rahmentyp = border-style:double

Rahmendicke = 10 Pixel, Rahmenfarbe = #FFFF00, Rahmentyp = border-style:groove

Rahmendicke = 10 Pixel, Rahmenfarbe = #FF0000, Rahmentyp = border-style:ridge

Rahmendicke = 7 Pixel, Rahmenfarbe = #F68705, Rahmentyp = border-style:inset

Rahmendicke = 7 Pixel, Rahmenfarbe = #565656, Rahmentyp = border-style:outset

CSS - Code - zum Einbau des Rahmens

td.Klasse{andere CSS-Anweisungen; border-style:Rahmentyp; border: Xpx solid #XXXXXX;}

Blau = Klasse um die der Rahmen soll.
Orange = CSS Anweisungen
Grün = RahmenTyp
Rot = Dicke des Rahmens.
Lime = Hex- Farbcode des Rahmens

<!--

td.shouty{border-style:ridge;border: 1px solid #FF0000;}

-->

</style>