“underline”效果

  今天在各个Blog间瞎转悠找到了个好玩的东西,underline效果,这里是发现地。实现这样的效果其实很简单,首先我们在style.css里面加一段内容:

.underline{
background:url(http://xxx.xxx.xxx/underline.gif) repeat-x bottom
}

  • underline.gif就是下划线的效果文件,可以自己做一个喜欢的。
  • 可以加上line-height; padding; letter-spacing这些参数来调整效果。

  然后在需要加underline效果的文字加上<span class=”underline”></span>标签就可以了。觉得加标签很麻烦得话这里推荐一个FF插件:BBcode,这东西是用来方便生成代码的,并且可以添加自定义标签:BBcode => Settings => Customs Tags,然后增加一个新标签,值写<span class=”underline”>_value_</span>。

Technorati Tags: , ,

19 Responses to ““underline”效果”

Leave a Reply

Note: Commenter is allowed to use '@User+blank' to automatically notify your reply to other commenter. e.g, if ABC is one of commenter of this post, then write '@ABC '(exclude ') will automatically send your comment to ABC. Using '@all ' to notify all previous commenters. Be sure that the value of User should exactly match with commenter's name (case sensitive).