Как задать класс картинке в HTML?

Пользователь

от patrick.little , в категории: HTML/CSS , 2 года назад

Как задать класс картинке в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

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 , 2 года назад

Создать класс картинке в 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>