设为首页 - 加入收藏 湛江站长网 (http://www.sieduca.com)- 中小站长们必上的网站 - 聚焦湛江站长前沿资讯!
热搜: 网站 站长之家 什么 平台
当前位置: 首页 > 运营 > 正文

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

发布时间:2018-09-01 00:49 所属栏目:[运营] 来源:站长网
导读:早上看到一篇博客,内容没什么,但其中有几条漂亮的下划线感觉非常不错,虽然非常简单,但对于经常写博的人很有用,这里分享一下,喜欢的就直接拿去用吧。 使用方法: 1.后台管理-设置:[页首Html代码]里面加上下面的CSS: Copy to Clipboard 引用的内容:

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

使用方法:

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

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] .postbody .underline1 {
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>

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章
金亚洲投注