Проблема с background для button

Question

square Знаток (460), на голосовании 10 месяцев назад

Пытаюсь сделать background для button, вот такой:

но он съежает и выходит это:

код html:

код css:

Answer 1

попробуйте оставить только указание url

Answer 2

а смысл от картинки? Если это просто сплошной цвет, сделайте background-color. Для закругленных углов border-radius

Answer 3

Кирилл Макгрегор Профи (730) 11 месяцев назад

Напиши в css команду text-align: cetner;

Answer 4

 .button { 
  border: none; 
  background-color: #5fb8b4; 
  padding: 10px 30px; 
  border-radius: 20px; 
  box-shadow: 0 0 10px 1px #5fb8b4; 
}

Ты же сам сделал смещение фона на 100 и 40 пикселей

Answer 5

Можно и цвет прописать к кнопке