能够通过w3验证的css文字阴影效果
来源:互联网 发布:hbm显存 知乎 编辑:程序博客网 时间:2024/05/17 07:15
能够通过w3验证的css文字阴影效果
来源:动态网站制作指南
CSS2中的text-shadow属性能够很容易的给web页面中的文本添加阴影,但是到目前为止只有OS X的Safari浏览器支持它,今天,我们将为其他浏览器创建CSS文本阴影效果,包括Firefox,并且能够通过w3验证。
讨论了多年的text-shadow属性可以让你控制页面元素阴影的颜色、偏移量及模糊度,尽管其还未被广泛支持,但是某些设计师已经开始决定在任意地方使用CSS text-shadows属性了。尽管这只是为很少数量的用户增强性设计。
以下为示例,使用的时候注意a的 position:relative及span中的position:absoluteview plaincopy to clipboardprint?
<style>
ul,li{ margin:0px; padding:0px;list-style-type: none;}
#nav{font-family: Verdana, "宋体", Arial;}
#nav li{ float:left; margin-left:30px;}
#nav span{display:none;}
#nav a{font-size:12px;font-weight: bold;color: #FF6600;text-decoration: none; display:block;}
#nav a:hover{ color:#999;top:1px; left:1px; position:relative;}
#nav a:hover span{ display:block; top:-2px; left:-2px; position:absolute; color:#FF3300;cursor:pointer;}
</style>
<style>
ul,li{ margin:0px; padding:0px;list-style-type: none;}
#nav{font-family: Verdana, "宋体", Arial;}
#nav li{ float:left; margin-left:30px;}
#nav span{display:none;}
#nav a{font-size:12px;font-weight: bold;color: #FF6600;text-decoration: none; display:block;}
#nav a:hover{ color:#999;top:1px; left:1px; position:relative;}
#nav a:hover span{ display:block; top:-2px; left:-2px; position:absolute; color:#FF3300;cursor:pointer;}
</style>view plaincopy to clipboardprint?
<div id="nav">
<ul>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
<li><a href="#">网站首页<span>网站首页</span></a></li>
</ul>
- 能够通过w3验证的css文字阴影效果
- 文字阴影效果CSS
- css阴影效果,css3阴影效果,css3文字阴影效果,css阴影效果完美兼容所有浏览器吹牛B的,CSS高级技巧:阴影效果
- CSS实现兼容浏览器的文字阴影效果
- CSS的阴影效果。
- css的阴影效果
- Android文字的阴影效果
- 简单的CSS阴影效果
- 画带阴影效果的文字
- 画带阴影效果的文字
- 画带阴影效果的文字
- 画带阴影效果的文字
- 画带阴影效果的文字
- 给文字加上阴影效果的方法
- 画带阴影效果的文字
- 画带阴影效果的文字
- 文字的特殊阴影效果代码
- android TextView中文字的阴影效果
- GridView 双击选择行
- 几个关于GNU gprof的介绍文章
- 表单name与id的区别和相似之处
- 弹出右下角JS小窗口
- JS的window.createPopup()学习
- 能够通过w3验证的css文字阴影效果
- IE中可以将弹出窗口置于最顶层的方法
- 今天开始启动新项目
- 如何给 legend 标签设定宽度
- 【28】系统分析师UML实务手册
- 当设置了环境变量 _NT_SYMBOL_PATH 时 无法跟踪进MFC的源代码
- 激励人生的海报
- 网瘾是互联网发展的必然现象
- SOA夜未眠 11