如何让hr显示为虚线?

如何让hr显示为虚线?,第1张

可以通过css的式样来控制:

1<hr align="center" width="700px" style= "border:1 dotted (这个表示虚线) #666666(颜色)" />

别的属性:

none:无样式;dotted:点线;dashed:虚线;solid:实线;

double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸。

html中hr的虚线样式可用过CSS样式来控制,具体代码如下:

例如红色的虚线,代码可这样写:

行内样式 <hr style="border:1px dotted red">

HTML的hr标签可以创建一条水平线。下面,我们来看看html中hr的各种样式使用吧。

01

创建一条水平线

先使用<hr/>标签来创建一条水平线,如下图所示:

02

hr的高度

使用style来设置hr水平线的样式,比如设置hr的高度, <hr style=" height:30px" />。如下图所示:

03

没有边框

使用border:none来设置hr没有边框,如下图所示:

04

dotted 虚线

使用dotted将水平线设置成虚线,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7884805.html

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

发表评论

登录后才能评论

评论列表(0条)

保存