仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1087|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS3教程:网页笔墨暗影属性text-shadow

[复制链接]
简单生活 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:58:36 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
破洛洛文章简介:笔墨暗影在良多计划中都有使用,在已往我们只能经由过程图片来完成在Web上显现笔墨暗影,可是如许做对不太利于SEO,以是在CSS3中,text-shadow又恢复了其属性(text-shadow属性是CSS3中界说的,在CSS2.1中删除)。
笔墨暗影在良多计划中都有使用,在已往我们只能经由过程图片来完成在Web上显现笔墨暗影,可是如许做对不太利于SEO,以是在CSS3中,text-shadow又恢复了其属性(text-shadow属性是CSS3中界说的,在CSS2.1中删除)。
text-shadow:
  此属性有4个值,前两个值分离暗示程度偏向位移间隔和垂直偏向的位移间隔,第三个值暗示暗影的含混半径(包括0及以下的值均暗示无含混),最初一个则是暗影的色彩,为了更便利人人了解次属性的这四个值,W3Cfuns特地为人人做了下图,虽对照复杂,可是可以很分明的了解这四个值。

<!DOCTYPEHTML>

<html>

<head>

<metacharset="gb2312">

<title>CSS3教程:网页笔墨暗影属性text-shadow-网页教授教养网poluoluo.com</title>

<styletype="text/css">

*{margin:0;padding:0;}

body{font-size:14px;color:#333;font-family:"MicrosoftYahei";}

h2,p{text-shadow:-5px5px5px#dfdfdf;}

</style>

</head>


<body>

<h2>网页教授教养网poluoluo.com!</h2>

<p>网页教授教养网供应最新的网页制造、网页计划、网页殊效,为团体网站供应网页素材模板和网页视频进修!</p>

</body>

</html>
</p>
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-18 13:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表