CSS Background Position Background Color

0

CSS Background Position Background Color


div { background-image: linear-gradient(transparent 10px, red 10px); }

CSS3 Webdesign aus Duisburg Logo

CSS3 Webdesign aus Duisburg Logo

Neben der Möglichkeit ein background-image zu positionieren, ist es auch möglich das mit einem farbigen Hintergrund zu tun. Hierfür muß man praktisch mit CSS ein background-image generieren. Im oben dargestellten CSS Snippet wird also eine CSS Background Position Background Color gesetzt. Ein möglicher Anwendungsfall sind before Pseudo CSS Klassen mit denen man ein Dreieck oberhalb eines DIVs erzeugt. Hier ist es dann wichtig, daß die Hintergrundfarbe in der Höhe des Dreiecks einen Abstand nach unten bekommt. Sonst kann man das Dreieck bei gleicher Farbe leider nicht sehen.

Weiterführende Links zu CSS3 Gardients CSS Background Position Background Color

http://css-tricks.com/css3-gradients/
http://www.w3schools.com/css/css3_gradients.asp

About Author

PHP Kurs und Inhouse Schulungen für Webdevelopment mit Continuous Integration - Clean Coder, Blogger, Autor, Dozent und Senior Webdeveloper www.rolandgolla.de

Leave A Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.