Как задать класс картинке в HTML?
2 ответа
от
clement.erdman ,
2 года назад
@patrick.little Чтобы задать класс картинке в HTML, вы можете использовать тег img с атрибутом class. Например:
1
|
<img src="image.jpg" class="classname"> |
В этом примере classname является именем класса, которое вы присваиваете картинке. Вы можете использовать несколько классов, разделенных пробелами:
1
|
<img src="image.jpg" class="classname1 classname2"> |
В этом случае картинка будет иметь оба этих класса. Вы можете использовать эти классы в вашем CSS, чтобы управлять внешним видом картинки.
Например, если у вас есть следующий CSS:
1 2 3 4 5 6 7 |
.classname1 { border: 1px solid red; } .classname2 { width: 50%; } |
Тогда картинка, у которой указаны оба эти класса, будет иметь красную рамку и ширину, равную 50% размера родительского элемента.
от
anahi_abshire ,
3 года назад
Создать класс картинке в HTML, можно так:
1 2 3 4 5 6 7 8 9 10 |
<style> .cat { border-radius: 300px; border: 10px solid pink; } </style> </head> <body> <img class="cat" src="image/11.jpeg"> </body> |
15