Laravel , <?
.btn_1 {
background:
url(/images/heads-right.jpg) no-repeat top right,
url(/images/heads-left.jpg) no-repeat top left,
url(/images/heads-center.jpg) repeat-x top;
padding: 14px;
margin-top: -12px;
margin-bottom: 1px;
text-align: left;
color:#2f570c;
text-shadow: 0px 0px 0px #a0e069;
display: block;
margin-left: 5px;
margin-right: 5px;
text-align: center;
}

Это класс, потом просто выводишь этот класс,и делаешь все что необходимо(это в качестве примера)

Техника называется border splicing, и применяется для гуя вообще везде, не только в вебе.
Вкратце - скейлить картинку целиком не получится - портится качество, поэтому картинку разбивают на несколько, отмечая зону, которая будет тайлится.

ZnTor , все равно криво выходит

Разбей картинку на три зоны: Левый край, центр, правый край.

Laravel , у меня все нормально выходило

monobogdan ,

Изображение

------
65601_Screenshot_20190708205907.png (44.8 Kb)
Скачиваний: 103

Laravel , вы нормально обрезали??

https://codepen.io/anon/pen/wLQJPW так сделал.