为 div 中的像素着色

【问题标题】：Color a pixel in the div为 div 中的像素着色
【发布时间】：2014-02-25 11:19:48
【问题描述】：

不知道是不是很麻烦。

这是一个jsFiddle简单的<div>hello</div>：

有没有什么简单的方法可以把那个 div 的左上角的像素染成红色？

谢谢。

【问题讨论】：

标签： css html colors

【解决方案1】：

你可以这样做：

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

Demonstration（用更大的红点，这样很明显）

【讨论】：

感谢您的回答。 div中的（n，m）坐标怎么样？我想给整个 div 上色。

【解决方案2】：

为了浏览器兼容性，您可以在 div 中添加一个 span：

<div><span></span>hello</div>

然后添加样式：

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;
}

【讨论】：

【解决方案3】：

这样：

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/

或者通过图片。

【讨论】：

【解决方案4】：

你应该可以使用：

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

【讨论】：