Question

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

我如何制作这样的虚线（最好是在链接的站点上像动画一样，但是如果使事情变得相当复杂则是不必要的）？

我是UI设计人员，对编程一无所知，因此，请尽可能简化一些事情。

Answer 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;
}

希望对您有帮助

谢谢

Answer 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>`

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

2 个答案: