首页 > CSS, 折腾北瓜 > (CSS专题)给标题加上阴影效果

(CSS专题)给标题加上阴影效果

2009年10月20日 IT北瓜 发表评论 阅读评论

      自从Firefox 3.1发布之后,4大浏览器中已有3个支持CSS的text-shadow属性,唯独IE浏览器尚不支持。利用text-shadow可以轻而易举的实现文字的阴影从而产生立体效果。例如:IT北瓜博客的text-shadow为:

h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    letter-spacing:-0.05em;
    font-family:"微软雅黑",Arial;
    text-shadow: 1px 1px 2px #999;/*这里就是阴影效果*/
}

具体效果见本博客。

      由于IE不支持text-shadow属性,所以这里顺便介绍一款可以在IE下实现阴影效果的jQuery插件Text-shadow in IE with jQuery,但插件的作者也提到了该插件还有一些bug。






原创文章:
(CSS专题)给标题加上阴影效果

转载请注明:
转载自IT北瓜

本文链接地址:
http://imleeo.com/wp/add-title-text-shadow.html






暂无关联文章!

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。