顏色中的一個像素

Question

我不知道它是否棘手。

下面是一個簡單的jsFiddle<div>hello</div>：

有沒有簡單的方法來上色紅色該分區的左上角像素？

謝謝。

Answer 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（一個更大的紅點，所以很明顯）

Answer 2

您應該能夠使用：

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

Answer 3

瀏覽器兼容性您可以在您的div中添加跨度：

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

Answer 4

通過這種方式：

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/

或通過圖像。