primi-tools
  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

<style type="text/css">

<!--

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

-->

</style>

 
  Heute waren schon 1 Besucher (1 Hits) hier!  
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden