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>