`
wjj7221834
  • 浏览: 2865 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

使用CSS实现双下划虚线

    博客分类:
  • CSS
阅读更多

今天一个朋友问如何使用CSS实现双下划虚线,我就被问住了。

我知道结合border-bottom: 2px dashed black和text-decoration:underline可以实现双下划实线

最后通过请教一个朋友才知道通过

.article{border-bottom:1px dotted #333;}

.article:after{height:1px;content:'';display:block;border-top:1px dotted #333;}

<p class="article">asdasdijqwiodjasoqwjepasojdqwoper</p>

实现,after这个伪类主流浏览器基本都支持,不过这个还是只适合单行的情况,对于多行就比较困难了。

分享到:
评论

相关推荐

    纯CSS3下划下拉菜单导航代码.rar

    为了实现下划线动画,我们可以使用伪元素`::after`来创建一条初始隐藏的下划线,并通过CSS3的`transition`属性来控制其显示和隐藏: ```css .menu li a::after { content: ''; display: block; width: 0; ...

    挤压式下划菜单

    "挤压式下划菜单"是一种在Android应用中常见的交互设计,通常用于实现滑动展开或关闭的菜单效果。这种设计可以有效地节省屏幕空间,提供更好的用户体验。在Android开发中,我们可以利用自定义View或者第三方库来实现...

    arcgis教程

    使用通配符查询 通配符描述示例 %包含零个或更多字符的任意字符串。WHERE title LIKE '%computer%' 将查找处于书名任意位置的包含单词 computer 的所有书名。 _(下划线)任何单个字符。WHERE au_fname LIKE '_ean' ...

    js 特效 html 特效 链接有下划的红线

    js 特效 html 特效 链接有下划的红线 js 特效 html 特效 链接有下划的红线

    CSS第一天知识点.rar

    总的来说,这个压缩包提供了CSS的入门知识,从认识CSS到基础和高级选择器的使用,再到文本样式和图片处理,涵盖了CSS核心概念和基本操作。通过学习这些内容,读者将能够创建和控制网页的外观,进一步提升网页设计的...

    简单的下划菜单

    以上就是实现一个简单下划菜单的基本流程。在实际开发中,可能还需要结合具体需求进行调整,比如增加搜索功能、分组菜单项、添加更多交互效果等。理解这些核心概念和技术,你就能自如地在Android应用中创建出符合...

    挤压式下划菜单(修改)

    首先,下拉菜单在Android中的实现通常涉及到`Menu`类的使用,这是Android SDK提供的一种结构,允许开发者在不同的场景下(如选项菜单、上下文菜单等)展示一系列操作。在XML布局文件中定义菜单项,然后在对应的...

    Word上中下划波浪线符号怎么打.docx

    - **操作步骤**:按住Alt键不放,然后依次输入数字43374(需使用键盘右侧的小键盘区域)。 - **优点**:可以快速获得下标型的波浪线符号。 - **适用场景**:适用于需要频繁使用下标波浪线的情况。 - **注意事项**:...

    js直线波浪线

    本教程将详细解释如何利用JS来实现这样的效果,以及如何通过提供的"Demo[下划波浪线]"案例进行学习。 首先,我们需要理解波浪线的基本构成。一个简单的波浪线可以由一系列的直线段组成,每个直线段的起点和终点在Y...

    ahkv2-windows下划词翻译

    用ahkv2代码编写的翻译,页面精美,功能实用,翻译快速,使用方式 选中要翻译的单词然后按ctrl+1实现翻译、 可以翻译60多个国家和地区的单词,短语,句子,文章等, 可以把 中文-&gt;英文 非中文-&gt;中文

    使用RecyclerView、CardView、SwipeRefreshLayout实现下拉刷新列表

    RecyclerView是support-v7库提供的一个强大的滚动控件,它可以说是一个增强版的ListView,不仅可以轻松实现和ListView同样的效果,还优化了ListView中存在的各种不足。。。博文:...

    html5手机端触屏滑动下拉数据加载更多

    CSS3的`transition`和`animation`属性可以帮助实现这些效果。 9. **缓存策略**:对于已经加载过的数据,可以考虑存储在本地,如使用`localStorage`或`sessionStorage`,避免重复加载,提高加载速度。 10. **错误...

    Python3中_(下划线)和__(双下划线)的用途和区别

    在Python3中,下划线`_`和双下划线`__`的使用在编程实践中扮演着特定的角色,它们主要用于命名约定和特殊方法的实现。虽然Python并没有像其他一些面向对象的语言那样提供严格的私有成员机制,但这两个下划线符号提供...

    返回顶部2.zip

    当鼠标下划,即页面被滚动时,JavaScript检测到滚动事件,然后改变返回顶部按钮的CSS显示状态,使其从隐藏变为可见。 在“返回顶部2.zip”中,可能包含以下文件: 1. HTML文件:HTML文件负责页面结构,其中会有一...

    使用jQueryMobile实现滑动翻页效果的方法

    使用jQueryMobile实现滑动翻页效果是现代移动应用开发中常见的需求之一,特别适用于那些注重用户体验和交互流畅性的移动网页设计。jQueryMobile作为一套针对移动设备的JavaScript框架,提供了丰富的UI组件和手势识别...

    安卓下拉上拉刷新相关-下拉列表或者手指触摸屏幕上的控件就会出现部分空间拉伸或者收缩很有弹性的样子类似微信和qq空间的下拉效果。.zip

    例如,Android SDK提供了一个叫做SwipeRefreshLayout的组件,可以方便地添加到布局中,配合ListView或RecyclerView使用,实现下拉刷新的功能。 描述中提到,这可能包含了一些源码示例,但因为文件数量多,无法逐一...

    下拉加载(刷新)下一页效果

    这个库是由Jeff Huber编写的,他使用Objective-C实现,兼容iOS系统。在项目中引入这个组件,开发者可以轻松地为UITableView添加刷新功能。 在EGORefreshTableHeaderView.h文件中,我们可以看到类的声明和一些关键...

    ueditor不在vue项目中使用。加上公式插件和自定义按钮

    对于“加波浪线”,这可能是指在文本中插入下划波浪线的效果,通常通过CSS的`text-decoration`属性来实现,可以通过ueditor的API插入相应的HTML代码片段,比如`;"&gt;文本&lt;/span&gt;`。 同样,“加重点符号”可能是指插入...

    【ugui】条目配合Scroll View实现无限滚动

    该代码本人用于数据可视化展示,代码里默认的是自动滚动的效果,可以调成鼠标滑动实现上划和下划。不会使用的话私信。

    PCtoLCD2002使用教程 取字模软件使用演示

    使用PCTOLCD的各种调整功能调整出您需要的文字样式,如字体,字样(下划,倾斜,加 粗),大小(各种点阵大小的字体,可锁定点阵本身大小(如16*16),然后在这个固定的点阵大小 内调节文字的大小(例如在16*16的点阵中居中显示...

Global site tag (gtag.js) - Google Analytics