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

简介:

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

使用方法:

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

1
<link href= "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,如需转载请自行联系原作者

相关文章
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
31 0
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
28 0
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
42 0
|
2月前
|
前端开发
css怎么去除a标签的下划线?
css怎么去除a标签的下划线?
|
13天前
|
前端开发
|
16天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
|
20天前
|
XML 前端开发 数据格式
css添加样式
【4月更文挑战第4天】css添加样式
21 9
|
1月前
|
JavaScript 前端开发
如何在 Vue 中进行样式绑定和scoped CSS?
如何在 Vue 中进行样式绑定和scoped CSS?
15 0
|
1月前
|
前端开发
uni-app中基于bootstrap的css样式
uni-app中基于bootstrap的css样式
23 0
|
1月前
|
前端开发 开发者
编程笔记 html5&css&js 017 HTML样式
编程笔记 html5&css&js 017 HTML样式