Rahmen-Codes_
Man kann relativ einfach mit CSS einen Rahmen um einen Text oder eine Box, den Content, aber auch Buttons machen.
Die Rahmendicke:
Die Rahmenfarbe:
Der Rahmentyp:
border-style: Rahmentyp dotted |
Die Innenabstände:
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
<style type="text/css">
<!--
td.shouty{border-style:ridge;border: 1px solid #FF0000;}
-->
</style>
|