1. Página principal
  2. Html

Css hacer de la imagen smaler

Ejemplos de código

11
0

N

<!--
Resize image using html 

When we add any image in 'src' attribute of 'img' tag then image appears with original size on webpage
and if we want to resize the image we have to add extra attribute i.e. height and width to img tag to resize the image
-->

Simple img tag
<img src="image_path" alt="Image Sample">

With height and width attribute
<img src="image_path" width="200" height="40" alt="Image Sample">

<!--
I hope it will help you.
Namaste
Stay Home Stay Safe
-->
5
0

N

squareImage {
  border: 1px solid #ddd;	/* thickness and color of border */
  border-radius: 4px;		/* edge rounding of border */
  width: 150px;				/* width of image (px or % or auto) */
  height: auto;				/* height of image (px or % or auto) */
}

Páginas relacionadas

Páginas de ejemplo relacionadas

css hacer de la imagen smaler
hacer las imágenes más pequeñas de css

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Ссылка
English
..................................................................................................................
Link
Italiano
..................................................................................................................
Link
Polski
..................................................................................................................
Link
Română
..................................................................................................................
Legătură
한국어
..................................................................................................................
링크
हिन्दी
..................................................................................................................
लिंक
Français
..................................................................................................................
Lien
Türk
..................................................................................................................
Atıf
Česk
..................................................................................................................
Odka
Português
..................................................................................................................
Referênci
ไทย
..................................................................................................................
เชื่อมโยง
中文
..................................................................................................................
链接
Slovenský
..................................................................................................................
Odkaz
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

Popular en esta categoría

Páginas populares con ejemplos en la categoría

bootstrap carrusel de diapositivas ejemplo
carrusel de plantilla bootstrap
patrocinador regulador de bootstrap
sensible carrusel de bootstrap
sensible boostrap carrusel
bootstrap-slider.min.css
¿cómo agregar una presentación de diapositivas en bootstrap
texto regulador de bootstrap 3
bootstrap imagen de ejemplo del carrusel
carrusel de imágenes bootstrap
bootstap contenido deslizante
bootstrap rango de control deslizante jquery
bootstrap carrusel de la cuadrícula
carrusel de boostrap
cómo carousell obras de bootstrap
cómo carrusel de obras de bootstrap