HTML中文本周围的颜色

时间:2013-01-18 14:55:14

标签: html css text border

我需要在HTML页面中显示文本周围的颜色,我尝试了边框属性,但它在文本周围给出方框。 如何达到以下要求

enter image description here

感谢。

6 个答案:

答案 0 :(得分: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 :(得分:3)

您正在寻找text-shadow CSS属性

text-shadow: 0px 0px 3px orange;

http://jsfiddle.net/NGPhL/

http://www.quirksmode.org/css/textshadow.html

答案 2 :(得分:1)

您可以使用

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

http://css3generator.com/

答案 3 :(得分:0)

您可以使用CSS3 text-shadow property。只要浏览器支持webkit,就应该进行浏览。

答案 4 :(得分:0)

如果浏览器不支持CSS3:

使用可以使用具有17px和18px字体大小的两个文本节点(例如),并使用不同颜色的第二个(位置:绝对,z-index:100,左,顶等)的CSS定位。

答案 5 :(得分: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;