简明现代魔法 -> CSS层叠样式表 -> CSS实现漂亮的下划线

CSS实现漂亮的下划线

2009-12-12

效果演示

underline4:欢迎来到NowaMaic!

underline6:欢迎来到NowaMaic!

underline9:欢迎来到NowaMaic!

CSS代码

.underline4 {
background:transparent url('images/o_underline_4.gif') repeat-x scroll 120% 100%;
padding:0 3px 3px;
text-decoration:none;
}
.underline6 {
background:transparent url('images/o_underline_6.gif') repeat-x scroll 120% 100%;
padding:0 3px 3px;
text-decoration:none;
}
.underline9 {
background:transparent url('images/o_underline_9.gif') repeat-x scroll 120% 100%;
padding:0 3px 3px;
text-decoration:none;
}  

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们