parschakov
@parschakov
Начинающий изучать PHP и JS

Как добавить картинку к border-top?

Здравствуйте. Не могу сообразить, как сделать, может думаю совсем ни в том направлении и есть способ проще и лучше.
Есть блок div, над ним и под ним отрисовываю линии с помощью border. Хочу на концах линии прилепить кружочек, для декорации.
Как лучше это сделать?
<div class="menu">
<div><a href="<?php echo get_permalink(8); ?>">Меню</a></div>
</div>


.menu{
	border-top:1px solid #5AB043;
	border-bottom:1px solid #5AB043;
}


Хочу получить:
6d6cb31871f84ad9a76bc0a5e9edad93.png
  • Вопрос задан
  • 284 просмотра
Решения вопроса 1
@devstudent
frontend-developer
псевдоэлементы before и after для меню с border-radius:50%; нужного размера с position:absolute; и зеленым фоном . не забудьте добавить position:relative; самому меню
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы