能够通过w3验证的css文字阴影效果

fly爱你的阳阳

fly爱你的阳阳

2016-02-19 15:37

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐能够通过w3验证的css文字阴影效果,赶紧看过来吧!

CSS2中的text-shadow属性能够很容易的给web页面中的文本添加阴影,但是到目前为止只有OS X的Safari浏览器支持它,今天,我们将为其他浏览器创建CSS文本阴影效果,包括Firefox,并且能够通过w3验证。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

讨论了多年的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 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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;}
/styleview plaincopy to clipboardprint?
div id="nav"  
 ul  
 lia href="#"网站首页span网站首页/span/a/li  
 lia href="#"网站首页span网站首页/span/a/li  
 lia href="#"网站首页span网站首页/span/a/li  
 lia href="#"网站首页span网站首页/span/a/li  
 lia href="#"网站首页span网站首页/span/a/li  
 /ul  
/div

展开更多 50%)
分享

猜你喜欢

能够通过w3验证的css文字阴影效果

Web开发
能够通过w3验证的css文字阴影效果

W3 Jmail 简要介绍

ASP
W3 Jmail 简要介绍

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

W3 Jmail 使用范例

ASP
W3 Jmail 使用范例

W3 Jmail 参考说明

ASP
W3 Jmail 参考说明

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

css3教程:文字阴影解析

Web开发
css3教程:文字阴影解析

W3 Jmail中文使用说明

ASP
W3 Jmail中文使用说明

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

宜家的家具设计理念和CSS的模块化

宜家的家具设计理念和CSS的模块化

js入门实例の构造函数方法的定义和调用原型对象

js入门实例の构造函数方法的定义和调用原型对象
下拉加载更多内容 ↓