2013-01-18 57 views
4

我需要在HTML頁面的文本週圍顯示顏色,我嘗試了邊框屬性,但它給出了文本週圍的方框。 如何實現以下要求HTML中文本的顏色

enter image description here

感謝。

回答

4

我會在這裏寫代碼...但這個鏈接http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects解釋得很好。

示例演示http://codepen.io/anon/pen/CDsFb

這實際上是更好的...

text-shadow: 3px 3px 0 #000, 
    /* Simulated effect for Firefox and Opera and nice enhancement for WebKit */ 
    -3px -3px 0 #000, 
    3px -3px 0 #000, 
    -3px 3px 0 #000, 
    3px 3px 0 #000; 

這將確保它看起來你想有一個適當的邊界,而不是一個簡單的光芒在你的文字。

1

您可以使用

text-shadow: 0px 0px 4px #1d1dab; 
filter: dropshadow(color=#1d1dab, offx=0, offy=0); 

http://css3generator.com/

0

如果瀏覽器不支持CSS3:

使用可以使用兩個文本節點與知識+和18像素字體大小(例如)和第一次在CSS下定位(位置:絕對,z-index:100,左,頂等)以不同的顏色。

0

感謝您的建議,我發現了一個例子到這裏這個要求

http://gazpo.com/2011/02/text-shadow/ 7.周圍的邊框文本

text-shadow: 0 -4px #00468C,4px 0 #00468C,0 4px #00468C,-4px 0 #00468C,4px -4px #00468C,-4px 4px #00468C,4px 4px #00468C,-4px -4px #00468C;