首页 >

css3文字发光 |css 文字渐变 背景纯色

css规则扩展,img不受上级css,css3捕鱼达人,css2 系统颜色,css3图片酷炫,css设置段落只显示几行,css 文字渐变 背景纯色css3文字发光 |css 文字渐变 背景纯色
/*设置文字颜色为白色*/
color: #fff;
/*设置文字发光效果*/
text-shadow: 0px 0px 10px #fff;

上面的代码就是用来实现文字发光效果的,大家可以看出,首先要将文本颜色设置为白色。然后在文本上方添加一个白色的发光阴影。其中,text-shadow属性的参数分别表示阴影位置的X坐标、Y坐标、模糊半径和阴影颜色。

除了上面的简单代码之外,大家还可以使用更加复杂的代码来实现更加丰富多彩的发光效果。以下是一个例子,可以实现不同颜色的文字发光效果:

/*设置文字颜色为黑色*/
color:#000;
/*添加阴影效果*/
text-shadow: 1px 1px 0 #4D4D4D, 2px 2px 0 #4D4D4D, 3px 3px 0 #4D4D4D,
4px 4px 0 #4D4D4D, 5px 5px 0 #4D4D4D, 6px 6px 0 #4D4D4D;

上面代码中的text-shadow属性中,每一组阴影的参数分别为X坐标、Y坐标、模糊半径和颜色。在这个例子中,有6组阴影,颜色分别是灰、蓝、紫、绿、黄和红。

通过上面这些代码,大家可以为Web页面中的文字添加各种不同的发光效果,从而让页面更加生动、美观。


css3文字发光 |css 文字渐变 背景纯色
  • css 字间距 宽度 |css的左半圆
  • css 字间距 宽度 |css的左半圆 | css 字间距 宽度 |css的左半圆 ...

    css3文字发光 |css 文字渐变 背景纯色
  • css aqua |css如何让页面居中显示文字
  • css aqua |css如何让页面居中显示文字 | css aqua |css如何让页面居中显示文字 ...

    css3文字发光 |css 文字渐变 背景纯色
  • css3导航使用教程 |css保护的dvd
  • css3导航使用教程 |css保护的dvd | css3导航使用教程 |css保护的dvd ...