有沒有爲文本設置2種顏色的標準CSS方式?一個前景色和一個背景色,正好在前景色的正下方,但是稍微偏右,這樣您就可以真正知道前景色背後有背景色嗎?標準的CSS來設置文本的前景/背景顏色?
Kinf像下面的圖像,但沒有3D效果。我不關心背景顏色走得那麼深,只要你能區分出有兩種顏色。一個在前面,一個在右下方,但略向右側,這樣背景顏色也可以看到。
在此先感謝您的幫助! :)
有沒有爲文本設置2種顏色的標準CSS方式?一個前景色和一個背景色,正好在前景色的正下方,但是稍微偏右,這樣您就可以真正知道前景色背後有背景色嗎?標準的CSS來設置文本的前景/背景顏色?
Kinf像下面的圖像,但沒有3D效果。我不關心背景顏色走得那麼深,只要你能區分出有兩種顏色。一個在前面,一個在右下方,但略向右側,這樣背景顏色也可以看到。
在此先感謝您的幫助! :)
是使用文字陰影設置基礎文本顏色背景顏色如下:
.twoColor {
color: white;
text-shadow: 2px 2px orange;
}
<div class="twoColor">David</div>
我認爲這可能是你在找什麼:)
http://www.w3schools.com/cssref/css3_pr_text-shadow.asp
[編輯] 例
text-shadow: 2px 2px #ff0000;
字體顏色在css中用「color」屬性設置,但要做你正在做的事情,你還可以使用「text-shadow」CSS屬性。
看一看W3Schools
您可以設置多重陰影的文字是這樣的:
text-shadow: 1px 1px #fe4902,
2px 2px #fe4902,
3px 3px #fe4902,
4px 4px #fe4902,
5px 5px #fe4902,
6px 6px #fe4902;
這看起來非常接近,你的形象。一個很好的例子是在這裏:
要背馱式關閉@斯特凡·盧卡的回答,您可以鏈接只要你想你的文字陰影創造深一看:
p {
text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
}
這裏看到不同的深度:http://jsfiddle.net/3Acmq/