CSS für Images Border


Um den Border bei Bildern FIX zu vergeben ohne das man in die TAGS etwas schreiben muss geht sehr einfach mit CSS! Hier ein paar Versuche wie man es machen kann!

    img { border:1px #ccc solid;}

Hier werden alle Bilder auf der Webseite mit einem Rahmen versehen der 1px startk ist und in grau! Will man einen kleinen Effekt haben zb. 2 Rahmen um das Bild!

img {
    padding:1px;
    border:1px #ccc solid;
}

Hier erhält man 2 Rahmen um das Bild – der innere Rahmen nimmt die Farbe vom Hintergrund an will man dies auch noch verändern!

img {
    padding:1px;
    border:1px #ccc solid;
    background-color:#990000;
}

Richtig Interessant wird es dann mit CSS3 werden denn hier kann man dann mit Border-image sehr tolle Sachen machen! Natürlich auch die Runden Ecken! Hier könnt Ihr euch ein paar tolle Beispiele ansehene! CSS3

Danke das Sie diesen Artikel gelesen haben. Sie können nun eine Nachricht hinterlassen oder bestellen den RSS Feed.

Comments

No comments yet.

Leave a comment

(required)

(required)