Πώς να δημιουργήσετε: γωνιακές εικόνες

Μάθετε πώς να δημιουργήσετε γωνιακές εικόνες χρησιμοποιώντας CSS.

Avatar Avatar

Πώς να δημιουργήσετε γωνιακές εικόνες

Πρώτη βήμα - Προσθήκη HTML:

<img src="img_avatar.png" alt="Avatar">

Δεύτερη βήμα - Προσθήκη CSS:

Χρήση border-radius Η ιδιότητα προσθέτει γωνιακή στρογγυλότητα στις εικόνες. Το 50% κάνει την εικόνα να γίνει οvals:

img {
  border-radius: 50%;
}

Δοκιμάστε το προσωπικά

Σχετικές σελίδες

Εκμάθηση:CSS εικόνα