2014-02-19 184 views
0

有沒有爲文本設置2種顏色的標準CSS方式?一個前景色和一個背景色,正好在前景色的正下方,但是稍微偏右,這樣您就可以真正知道前景色背後有背景色嗎?標準的CSS來設置文本的前景/背景顏色?

Kinf像下面的圖像,但沒有3D效果。我不關心背景顏色走得那麼深,只要你能區分出有兩種顏色。一個在前面,一個在右下方,但略向右側,這樣背景顏色也可以看到。

enter image description here

在此先感謝您的幫助! :)

回答

4

是使用文字陰影設置基礎文本顏色背景顏色如下:

.twoColor { 

    color: white; 
    text-shadow: 2px 2px orange; 

} 

<div class="twoColor">David</div> 
0

字體顏色在css中用「color」屬性設置,但要做你正在做的事情,你還可以使用「text-shadow」CSS屬性。

看一看W3Schools

2

您可以設置多重陰影的文字是這樣的:

text-shadow: 1px 1px #fe4902, 
       2px 2px #fe4902, 
       3px 3px #fe4902, 
       4px 4px #fe4902, 
       5px 5px #fe4902, 
       6px 6px #fe4902; 

這看起來非常接近,你的形象。一個很好的例子是在這裏:

http://css-tricks.com/examples/3DTextTower/

0

要背馱式關閉@斯特凡·盧卡的回答,您可以鏈接只要你想你的文字陰影創造深一看:

p { 
    text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe; 
} 

這裏看到不同的深度:http://jsfiddle.net/3Acmq/