简明现代魔法 -> 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;
}