CSS样式文本的虚化效果怎么做?

html-css023

CSS样式文本的虚化效果怎么做?,第1张

文本虚拟化效果可以通过css的text-shadow来实现。

text-shadow语法:

text-shadow ： none | <length>none | [<shadow>, ] * <shadow>或none | <color>[, <color>]*

也就是：

text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...

或者

text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)],[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)].

例子：

.demo {background: #666666width: 440pxpadding: 30pxfont: bold 55px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sanscolor: #ffftext-transform: uppercase}

就是可以在某个标签的前面或者后面添加一个虚拟元素,需结合content使用

可以像设置普通标签一样设置该元素的css样式 如下:

div:after {

visibility: hidden

clear: both

display: block

height: 0px

content: "."

}

这段代码可以闭合浮动元素