Colorea un píxel en el div

No sé si es complicado.

Aquí hay un jsFiddle simple

hello

:

¿Hay alguna manera fácil de colorear el píxel superior izquierdo de ese div en rojo?

Gracias.

Puedes hacerlo :

 div:before{ position: absolute; width:1px;height:1px; background:red; content:''; } div { position: relative; border:1px solid green; height:200px; background-color:yellow; } 

Demostración (con un punto rojo más grande, para que sea obvio)

Para la compatibilidad del navegador puede agregar un lapso dentro de su div:

 
hello

Luego agrega estilo:

 div { border:1px solid green; height:200px; background-color:yellow; position:relative; } div span { position:absolute; height:1px; width:1px; background:red; top:0; left:0; } 

Por esta manera :

 div { position: relative; border:1px solid green; height:200px; background-color:yellow; } div span { position: absolute; top: 0; left: 0; height: 1px; width: 1px; background: red; } 

http://jsfiddle.net/m3GMc/1/

O a través de una imagen.

Deberías poder usar:

 first-pixel-color-top-left-color: #f00;