Einen DIV durchsichtig machen und mittig ausrichten

Wer einen DIV durchsichtig und horizontal mittig auf seiner Seite plazieren möchte, dem könnte dieser Tipp helfen:

 

<div style=”width:50%; margin: 0 auto; background-color:rgba(0,0,0,0.2); border:1px solid #000″>
<div style=”color:#000″>Hier steht der Text in Schwarz mit rotem Rahmen 2 Pixel breit</div>
</div>

Erklärung:
width:50%;                                              = halbe Breite der Seite des Divs
margin: 0 auto;                                        = Mittig ausgerichtet
padding: 10px;                                        = Innenabstand 10 Pixel
background-color: rgba (0,0,0,0.2)         = schwarzer Hintergrund mit 0.2 % Transparenz
border: 2px solid #FF0000;                     = Roter Rahmen 2 Pixel breit durchgehend

So sieht das dann aus:

 

Hier steht der Text in Schwarz mit rotem Rahmen 2 Pixel breit

Übrigens: Wäre der Hintergrund nicht transparent, wäre die schwarze Schrift gar nicht lesbar…

 

Hat es Dir geholfen?
Dann hinterlass mir einen Hinweis, ich würde mich freuen!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.