Как создать пунктирную линию в центре раздела сайта - PullRequest
Новая
       13

Как создать пунктирную линию в центре раздела сайта

0 голосов
/ 13 июня 2019

Я пытаюсь создать раздел «Наш процесс» на сайте Wordpress, который выглядит следующим образом: https://rfqedge.com/how-it-works/

Как сделать такую ​​пунктирную линию (желательно анимированную, как на связанном сайте,но не нужно ли, если это значительно усложнит)?

Я дизайнер пользовательского интерфейса и ничего не знаю о программировании, поэтому, пожалуйста, постарайтесь упростить вещи, если это возможно.

Ответы [ 2 ]

0 голосов
/ 14 июня 2019

Вы можете применить 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>`
0 голосов
/ 14 июня 2019

Эта пунктирная линия в центре с использованием 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;
}

Надеюсь, это поможет вам

Спасибо

...