Щоб її позбутися, додайте властивість border зі значенням none до селектора IMG, як показано у прикладі 1. У цьому прикладі використовується контекстний селектор a img, який вказує використовувати стиль лише для зображень, розташованих усередині тега <a>.
Можна створити звичайну рамку навколо зображення, використовуючи CSS властивості border, padding та background.
- Створіть HTML. Спочатку створіть елемент <div> під назвою класу "frame". Вкажіть елемент <img> у <div>. …
- Створіть CSS. Встановіть висоту та ширину рамки.
Змінити цю поведінку можна стало з появою стандарту Backgrounds & Borders Level 3 через властивість background-clip. Змінивши значення на padding-box, ми перевизначаємо дефолтну поведінку і отримуємо напівпрозору білу рамку на червоному тлі..