Как такое можно реализовать на js или на css? И как это называется?

Question

[Laziz Ortikov]

Comments

[Ankhena]

Что именно?

Я вижу список из каких-то пунктов, украшенных иконками. Между ними пунктирные линии.
Вставляются псевдоэлементами с border dashed или градиентами.
Или градиентом прямо на фон обертки.
Или ещё как-нибудь.

Вот пример градиента

background: linear-gradient(to right, red 16px, transparent 16px) repeat-x left center / 20px 2px;

, размеры сами поставьте.
https://jsfiddle.net/qs13kopa/

Будет лучше, если вы уточните в чем конкретно у вас проблема и как вы уже пытались её решить. Код с проблемой выложите на jsfiddle.net или аналог.

Answer 1

[true]

это называется верстка
для этого надо изучить css
тут ваще ничего сложного
надо просто изучить язык

Comments

[Laziz Ortikov]

Чёрточки (дефис) - как такое сделать ?

[Алексей Дубровин]

Laziz Ortikov, Ну, дефисами

[Liuonid]

border-style:dashed дефисы твои.

[true]

Laziz Ortikov, иконки делай на svg
пунктир тоже - засовываешь его в фон дива и делаешь повторение по горизонтали

[Liuonid]

Я бы тоже делал бы в background лучше. Но лучше с linear-gradient. linear-gradient куда лучше чем svg.

[true]

Liuonid, нет ничего плохого в svg
здесь это лучшее решение
просто поверь опытным чесальщикам

[Liuonid]

есть полоска на svg. и как ему задавать отступы? с ​​​​​​​background-repeat: space? ну опять же в этом случае не контролируешь свои отступы.

[Liuonid]

linear-gradient(90deg, #800bff 15%, 15%, transparent 20%, 20%, #800bff 35%, 35%, transparent 40%, 40%, #800bff 55%, 55%, transparent 60%, 60%, #800bff 75%, 75%, transparent 80%, 80%,#800bff 95%, 95%, transparent) - даже сделал.

[true]

Liuonid, сделай отступы либо на css - background-clip
либо в самом svg