Як використовувати ідентифікатор img у CSS?

Ідентифікатор зображення CSS У такому випадку ви можете використати селектор ідентифікатора. Щоб почати, ви б додати атрибут ID до зображення. Цей атрибут ID може з’являтися будь-де всередині елемента зображення: перед атрибутом img src, після атрибута src, але перед атрибутом alt, після обох атрибутів img src і alt.

Елемент <img> у HTML є кращим варіантом, коли зображення, що використовується, має семантичну цінність і його вміст відповідає вмісту сторінки. Властивість background або background-image у CSS є кращим варіантом, коли використовуване зображення є частиною дизайну або інтерфейсу користувача сторінки..

Використання просте — ви вставляєте шлях до зображення, яке хочете включити на свою сторінку, у дужки url(), наприклад: фонове зображення: url('зображення/моє зображення. png'); Примітка щодо форматування: URL-адресу можна взяти в одинарні або подвійні лапки, і вони необов’язкові.

Селектор ідентифікатора CSS Селектор ідентифікатора використовує атрибут id елемента HTML для вибору певного елемента. Ідентифікатор елемента є унікальним на сторінці, тому селектор ідентифікатора використовується для вибору одного унікального елемента! Щоб вибрати елемент із певним ідентифікатором, напишіть символ решетки (#), а потім ідентифікатор елемента.

Синтаксис ідентифікатора: напишіть символ решетки (#), а потім ім’я ідентифікатора. Потім визначте властивості CSS у фігурних дужках {}.

Ви б зробили це за допомогою розміщення обох зображень у відносно розташованому контейнері. Потім ви можете додати абсолютне правило позиції до обох зображень і позиціонувати зображення 2 за потреби, використовуючи за потреби синтаксис зверху, знизу, зліва, справа.