CSS3 text-shadow字体阴影

江苏快三有什么规律 www.grxbu.tw 早上好,这里是山东济南文汇建站官网。

今天分享一个css3的新属性。text-shadow。

山东文汇app开发,微信小程序开发,网站开发

text-shadow可以设置文字阴影效果对文字字体设置阴影效果样式,本来在CSS2版本中也有此属性,但在CSS3中文字阴影text-shadow再次被应用,丰富文字排版布局美化效果。

在我们做爱优爱评网站的时候。文字在图片的上面。如果网站上传的图片背景偏白色的话,那么就看不到文本的内容了。

于是给文字加添了一个text-shadow的属性。加了这个属性之后,就算背景图是白色的,也能看得见文字。

山东文汇app开发,微信小程序开发,网站开发

代码如下:

<!DOCTYPE html>

<html>

<head>

<style>

h1 { color: #fff; text-shadow:2px 2px 8px #FF0000;}

</style>

</head>

<body>


<h1>山东济南文汇App开发,网站建设,微信小程序开发!</h1>


</body>

</html>

山东文汇app开发,微信小程序开发,网站开发.png

山东文汇app开发,微信小程序开发,网站开发

关于text-shadow兼容:CSS3样式IE9以上版本浏览器支持、谷歌浏览器支持。

山东文汇app开发,微信小程序开发,网站开发

分享结束,如果想看到更多的新闻内容,请关注山东文汇信息服务官网。</a>

关键词:
返回列表

相关文章

相关案例