分享几条漂亮的下划线样式
发布时间:2018-08-31 06:13:59 所属栏目:产品 来源:站长网
导读:早上看到一篇博客,内容没什么,但其中有几条漂亮的下划线感觉非常不错,虽然非常简单,但对于经常写博的人很有用,这里分享一下,喜欢的就直接拿去用吧。 使用方法: 1.后台管理-设置:[页首Html代码]里面加上下面的CSS: Copy to Clipboard 引用的内容:
早上看到一篇博客,内容没什么,但其中有几条漂亮的下划线感觉非常不错,虽然非常简单,但对于经常写博的人很有用,这里分享一下,喜欢的就直接拿去用吧。 ![]() background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_1.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline2 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_2.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline3 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_3.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline4 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_4.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline5 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_5.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline6 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_6.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline7 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_7.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline8 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_8.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } .postbody .underline9 { background:transparent url('http://www.veryhuo.com/uploads/allimg/0912/o_underline_9.gif') repeat-x scroll 120% 100%; padding:0 3px 3px; text-decoration:none; } 2.在正文中使用类似如下的写法,将需要用下划线标注的文字包在特定的cass="underline数字"的标签里: <P>underline1:<SPAN class=underline1>从前有座山,山里有个老和尚...</SPAN></P> (编辑:PHP编程网 - 黄冈站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |