如何在网站部分的中心创建虚线

【问题标题】：How to create a dotted line in center of section of website如何在网站部分的中心创建虚线
【发布时间】：2019-10-28 12:08:33
【问题描述】：

我正在尝试在 Wordpress 网站上创建一个“我们的流程”部分，如下所示：https://rfqedge.com/how-it-works/

我怎样才能画出这样的虚线（最好像链接网站上的动画一样，但如果它使事情变得相当复杂，那就没有必要了）？

我是一名 UI 设计师，对编程一无所知，所以请尽量简化。

【问题讨论】：

标签： wordpress responsive-design alignment

【解决方案1】：

使用 css 居中的这条虚线是

.step .text-frame .dashed-line .line {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 1;
background: url(images/border5.png) repeat-y;
}

希望对你有帮助

谢谢

【讨论】：

【解决方案2】：

您可以应用 CSS 在要创建的位置创建虚线。您可以使用代码并在线条上选择颜色以及设置所需线条的位置

在正文部分下

<body> <hr></hr> </body>

在样式部分下

`<style>hr{border:none; border-top:2px dotted #f00; color:#fff; background-color:#fff; height:1px; width:100%; margin-top:50px;}</style>`

【讨论】：