Мне нужно сверстать такую кнопку,
, не знаю, как лучше поступить. Вставить картинкой бэкграундом на фоне текста или можно как-то сверстать?
Если можно сверстать, подскажите, пожалуйста, как.
Понимаю, что нужно дать бордер правой стороне, верхней и нижней а слева через before добавить другой блок. Только вот не знаю, как этот блок сверстать...
div {
margin: 50px;
}
a {
margin: 20px;
padding: 10px;
display: inline-block;
border-top: 2px solid yellow;
border-bottom: 2px solid yellow;
border-right: 2px solid yellow;
position: relative;
}
<div>
<a>Кнопка</a>
</div>