[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，如需转载请自行联系原作者

[CSS]分享几条漂亮的下划线样式相关推荐

css里给文字加下划线代码,css添加文字下划线样式的方法
css添加文字下划线样式的方法发布时间:2020-08-31 13:54:27 来源:亿速云阅读:65 作者:小新这篇文章将为大家详细讲解有关css添加文字下划线样式的方法,小编觉得挺实用的,因 ...
php css下划线,css如何添加文字下划线样式？（代码详解）
css如何添加文字下划线样式?本篇文章就给大家介绍css添加文字下划线样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下css添加文字下划线样式的方法有哪 ...
html下划线输入框自动延伸,纯CSS实现从中间延展的下划线
这是我从前端客上看到的一个特效,也就是使用scaleX()实现从中间延展的下划线,缩放是从元素的中间开始的.这是我从没有想到的,X轴缩放! 在这个例子中还使用到了hover对兄弟元素的操控哦. 下面让 ...
html怎么设置下划线形状,科技常识：CSS如何给文字添加下划线样式
今天小编跟大家讲解下有关CSS如何给文字添加下划线样式 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS如何给文字添加下划线样式的相关资料,希望小伙伴们看了有所帮助. 在css中可以 ...
CSS设置下划线对齐方式,如何巧妙利用CSS自定义网页下划线样式
如何巧妙利用CSS自定义网页下划线样式 CSS为网页设计者们提供了丰富而灵活的页面元素表现形式的控制手段.但是,或许你可能注意到了,对于下划线,CSS提供的可选操作却不是很多.一般情况下,人们看到的下 ...
纯CSS实现下拉菜单及下拉容器等（纯CSS实现导航条及导航下拉容器）
原文:纯CSS实现下拉菜单及下拉容器等(纯CSS实现导航条及导航下拉容器) 虽然网上类似甚至相同的案例有很多,但是我还是写下,以记下笔记,也可供大家参考希望大家可以指导批评~~ 首先我们以列表ul ...
css中a标签中去掉下划线注意事项
需求文件 css中a标签中去掉下划线注意事项对于css中a 标签去掉下划线有一个注意事项代码如下: <!DOCTYPE html> <html><head>< ...
css中字体下划线样式,css下划线浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...
Amazing Css：自定义下划线样式的Input
Amazing Css:自定义下划线样式的Input 这篇文章将通过CSS的方式实现一个常见的Input样式,包括一些VUE的Tips 效果相比于传统的方框Input同款样式,下划线的input输入 ...

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

[CSS]分享几条漂亮的下划线样式相关推荐

最新文章

热门文章