[CSS]分享几条漂亮的下划线样式

早上看到一篇博客,内容没什么,但其中有几条漂亮的下划线感觉非常不错,虽然非常简单,但对于经常写博的人很有用,这里分享一下,喜欢的就直接拿去用吧。

使用方法:

1.后台管理->设置:[页首Html代码]里面加上下面这句:

1
"http://files.cnblogs.com/justinw/underline.css"  type= "text/css"  rel= "stylesheet" >

2.在正文中使用类似如下的写法,将需要用下划线标注的文字包在特定的cass="underline数字"的标签里:

1
< p >underline1:< span  class="underline1">从前有座山,山里有个老和尚... span > p >

3.最终显示的效果如下所示:

underline1:从前有座山,山里有个老和尚...
underline2:从前有座山,山里有个老和尚...
underline3:从前有座山,山里有个老和尚...
underline4:从前有座山,山里有个老和尚...
underline5:从前有座山,山里有个老和尚...
underline6:从前有座山,山里有个老和尚...
underline7:从前有座山,山里有个老和尚...
underline8:从前有座山,山里有个老和尚...
underline9:从前有座山,山里有个老和尚...

整体效果看这里:程序员笑话几则


本文转自Justin博客园博客,原文链接:http://www.cnblogs.com/justinw/archive/2009/12/12/1622441.html,如需转载请自行联系原作者

你可能感兴趣的:(javascript)