0

Tengo una caja, pero a esta caja la quiero llenar de pixeles, como la podria llenar?Llenar de pixeles

El cuadro negro que se ve en la parte superior izquierda quiero que se repita en todos los demas pixeles de la caja

Todo esta hecho por HTML y CSS

HTML

<div class="cuadrado">  
<div class="pixel"></div>
</div>
-------------------
CSS

.cuadrado{
    position: absolute;
    left: 200px;
    width: 1000px;
    height: 1000px;
    background: #FFF;
    
}

.pixel{
    position: absolute;
    width: 1px;
    height: 1px;
    border: 1px solid black;

}
------------------

Muchas gracias por leer.

7
  • Que es la caja? Es un canvas?
    – JhonRM
    el 25 mar. 2021 a las 1:40
  • Es un <div> en HTML
    – Joao Jerez
    el 25 mar. 2021 a las 1:49
  • no entiendo que quieres lograr pero para hacer eso debes usar javascript, se me ocurre. Habria que generar 1 millon de divs? una locura. Si en lugar de un div usases un png negro de 1pixel x 1pixel seria sencillo y solo lo harias con css. Explica que quieres hacer y tal vez te podamos ayudar el 25 mar. 2021 a las 2:50
  • 1
    Como @HernánGarcia fue el que planteo la idea dejare mi comentario y esperare a que el la agregue como respuesta para que puedas votarla como acertada el 25 mar. 2021 a las 3:52
  • 1
    Creo que para lo que pretendes, lo mejor es que te estudies la etiqueta CANVAS. el 25 mar. 2021 a las 12:53

1 respuesta 1

0

ahi tienes el ejemplo aunque yo no puse una imagen de 1 pixel cuadrado, solo tienes que reemplazar la imagen con la ruta de tu imagen, por otra parte, si pones una imagen de color solido sea del tamaño que sea va a quedar todo el div del mismo color, para eso solo ponle un background negro y ya.

.contenedor{
   width: 1000px;
   height: 1000px;
   background: url(https://placeimg.com/100/100/animals);
}
<div class="contenedor">

   </div>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.