Πως βάζουμε διπλό border σε εικόνα με χρήση CSS



Θα χρειαστείτε

Ιστοσελίδα

Πως βάζουμε border σε μια εικόνα με απλή χρήση css. Δεν χρειάζετε φυσικά να επεξεργαστούμε καθόλου την εικόνα σε κάποια εφαρμογή π.χ. photoshop ή corel. Το πλεονέκτημα είναι η αισθητικά καλύτερη εμφάνιση της εικόνας. Διαβάστε παρακάτω πως γίνετε με 2 απλά βήματα 

1. Προσθέτουμε border property 2px με το χρώμα επιλογής μας στο img- tag.

img{
border:2px solid #72a143;
}

2. Προσθέτουμε padding property 1px και ορίζουμε ένα κίτρινο χρώμα στο background.

img{
border:2px solid #72a143;
padding:1px;
background:#fffeda5;
}

Το αποτέλεσμα μπορείτε να το δείτε στην εικόνα - παράδειγμα που ακολουθεί παρακάτω:

 

διπλό border με την χρήση css

 



4
Μέσος Όρος: 4 (1 vote)
Η βαθμολογία σας: Κανένα




    RSS Feeds  |  Δημιουργία Ιστοσελίδας