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

<style type="text/css">

<!--

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

-->

</style>


 
 
Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

Impressum | Rechtliche Hinweise | News

© success4you , Tutorials-Area 2007

 
 
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend