Как сделать такую наклонную линию?

Question

[yurasmirnow]

Может быть можно как-нибудь сделать их с помощью "hr" или border?

Comments

[ProjectSoft]

А before::, after:: не а?
И представьте код данного breadcrumbs

[Ankhena]

Обычный слеш / вставленный в контент псевдоэлемента - лучший выбор.

По образцу:

.elem:not(:last-child)::after {
  content: "/";
  остальные стили для него, отступы, цвет и т.д.
}

Вставлять его в разметку семантически неверно.

Answer 1

[Aetae]

Можно из чего угодно с помощью transform: rotate(<deg>) или transform: skewX(<deg>).
А можно и обычным слэшем.)

Answer 2

[Владимир Коротенко]

наверно самый простой путь

<div>
  <span>Home</span>
  <span class='del'>/</span>
  <span>News</span>
  <span class='del'>/</span>
  <span>About</span>
</div>

.del{
  color: lightgray; 
}

или другой вариант

.bkitem::after{
  content: " /";
  color: lightgray; 
}

<div>
  <span class='bkitem'>Home</span>  
  <span class='bkitem'>News</span>  
  <span>About</span>
</div>