Es soll Menschen geben, die alle CSS-Befehle und ihre Wirkung auswendig kennen. Ich gehöre nicht dazu. Normalerweise überlege ich mir ein Design oder möchte ein vorhandenes anpassen und suche mir dann die entsprechenden Befehle heraus. Um die die Suche zu erleichtern hier ein paar häufig genutzte Befehle.
Hintergrund halbtransparent
.beispieltextbox{
background-color: #fff;
color: #000;
filter:alpha(opacity=50); /* IE */
opacity:0.5; /* allgemein */
-moz-opacity:0.5; /* Mozilla */
-khtml-opacity:0.5; /* KTHML */
-opera-opacity:0.5; /* Opera */
}
Gilt auch für alle Kinder innerhalb des Bereichs
background: rgba(255,255,255,.5);
gilt nur für den Bereich und vererbt nichts an die Kinder
Abgerundete Ecken
Manchmal möchte man die Ecken seiner Seite oder auch nur einzelner Elemente auf der Seite abrunden. Dies ist, durch den CSS Befehl „border-radius“ , einfach zu lösen.
Hier ein Beispiel mit einem Innenabstand des Inhaltes (padding) von der Linie und einem weißen Hintergrund.
.site {
padding: 0 12px;
padding: 0 0.714285714rem;
background: #ffffff;
border-radius: 18px;
border-style: solid;
border-width: 3px;
border-color: #e68a00;
}