灰色的分割线如何打出来

灰色的分割线如何打出来,第1张

用display:inline-block实现。这个属性通俗一点的解释就是让块级元素可以在一行显示。既是块级元素又可以在同一行显示就可以设置display:inline-block我们看下面的代码是如何来实现分割线的效果。优点:文字可多行显示,始终保持居中。

用背景色来实现。如果要做的网页背景色是纯色的话可以用这个方法来实现,代码很简洁,并且宽度可以自适应显示。这个方法主要就是设置文字的背景来盖住文字所在部分的线。

用一个标签来实现。这个方法代码更简洁了。注意line-height来控制线的粗细,border-left中第一个数值控制的是线条的width大家可以设置下来看看效果。

用字符实现。这个方法就是直接在代码中用输入法打入——就可以了,也是比较简洁的实现方式。

用浮动来实现。主要利用float浮动来实现这个效果,大家可以根据代码去设置看看效果哦~

用伪元素::before和::after来实现。这个方法代码比较复杂一点。这两个伪元素可以实现很多其他的效果,实现这个线的效果权当抛砖引玉吧~

这是由网页的 CSS 定义的,而非「打出来」的。

问题补充中网页的这条灰色分隔线,是一个 HTML 中的 <hr> 标签。这个标签的名称来自 Horizontal Ruler, 通常表现为一条水平分隔线,在 HTML 5 中用以分隔不同主题的两块内容。

此网页对 <hr> 标签进行了如下定义:style="font-family: Avenir, sans-serif; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-top-color: rgb(234, 234, 234); height: 1px; margin: 1em 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 17px; white-space: normal;"

因此,这里的 <hr> 便具有了一像素粗细灰色线的外观。

在纯文本环境下,是不能准确地得到一条如此的分隔线的。在需要表示分隔线的情况下,通常会用若干个 - 或 = 来表示。而在富文本编辑环境中(如,Word),则可以通过插入形状等方式来得到类似的分隔线。不过这样的做法会破坏语义。

在 HTML 中,则应通过插入 <hr> 标签,并在 CSS 中对其样式进行定义来得到该分隔线。

你们在WPS或Word中插入分割线的时候,你怎么操作的呢?是不是还在用插入形状工具,然后拖动鼠标方式完成呢?这个方法虽然很好,但是工作效率不高。下面我们就给大家分享一个快速输入不同类型分割线的技巧,希望能够帮助大家提高工作效率。

如何快速输入不同类型的分割线

如何快速输入不同类型的分割线

如果我们想要输入以下几种类型的分割线,如图:

如何快速输入不同类型的分割线

通常情况下,我们需要在插入菜单下选择形状里面的线条工具来完成,但是在这里我们可以直接通过输入特定符号的方式来完成。如果我们要输入一个单直线,直接在插入分割线的文字下面输入三个减号,然后敲回车键,如图2(输入前)和图3(回车后):

如何快速输入不同类型的分割线

如果想要插入一个双直线,则需要在要插入的位置输入三个等号,敲回车键,如图4(前)和图5(回车后):

如何快速输入不同类型的分割线

如果我们想要输入波浪线的话,则需要在插入位置输入三个波浪线,敲回车键,如图6(前)和图7(回车后):

如何快速输入不同类型的分割线

如果想要插入虚线,则需要在插入位置输入三个号,敲回车键,如图8(前)和图9(回车后):

如何快速输入不同类型的分割线

需要大家注意的是,我们在输入这些符号的时候,一定要另起一行,中间不要加空格,在开头连续输入,然后再敲回车键即可

1、选择并复制需要发朋友圈的分割线。

2、点击屏幕下方的“发现”,然后找到“朋友圈”。

3、进入朋友圈后,找到右上方的相机符号,并长按。

4、进入“发表文字”页面,将复制的文字进行黏贴,并点击发表即可。

扩展资料

1、 不看对方的朋友圈内容

适用对象:主要针对之代购,广告,销售等。设置以后,不会主动看到对方的任何信息,除非从通讯录进入对方的朋友圈才可以看到。

2、不让看朋友圈内容

适用对象:根据调查显示一半以上的吵架情侣用过这个功能,普通人在这条使用的时候特别当心,一旦设置之后,对方比较容易发现。

3、既不看对方,也不让对方看朋友圈

适用对象:依情侣专用。

4、加入黑名单

适用对象:加入黑名单后,不能接受TA的消息,TA也没法收到你的消息,基本上和删除相同。

参考资料来源:百度百科——微信朋友圈

以上就是关于灰色的分割线如何打出来全部的内容,包括:灰色的分割线如何打出来、电脑分割线怎么打、朋友圈有人发的那种分割线,是怎么打出来的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:聚客百科

原文地址: https://juke.outofmemory.cn/life/3666769.html

()
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-25
下一篇 2023-04-25

发表评论

登录后才能评论

评论列表(0条)

保存