CSS - Poner un estilo a una sola imagen

 
Vista:
sin imagen de perfil
Val: 9
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Poner un estilo a una sola imagen

Publicado por xra (2 intervenciones) el 20/02/2021 18:32:19
Hola, al ponerle estilo a al imagen (lo que hace es poner borde y marcarlo) el problema es que me hace ese estilo para todas las imágenes del archivo html y quiero el efecto del borde sólo en una, como puedo hacer para que no afecte al resto ??
gracias de antemano

1
2
3
4
5
6
7
8
9
<img src="logos40/1.jpg"  alt=""  width= "300" height= "200"/>
 
 
<style>
 
img {  border:2px solid #000; }
img:hover {  border:10px solid tomato; }
 
</style>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
1
Responder
Imágen de perfil de joel
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Poner un estilo a una sola imagen

Publicado por joel (252 intervenciones) el 21/02/2021 09:32:05
Hola xra, para ello, tienes que crear una clase de estilo... algo así:
1
2
3
4
5
6
<img src="logos40/1.jpg" alt="" width="300" height="200" class="miclase">
 
<style>
.miclase {  border:2px solid #000; }
.miclase:hover {  border:10px solid tomato; }
</style>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 9
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Poner un estilo a una sola imagen

Publicado por xra (2 intervenciones) el 21/02/2021 11:52:40
Gracias Joel perfecto me sirvió
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar