вот эту границу которая ее типо 3д делает button { width: 150px; height: 55px; border-radius: 5px; filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15)); background-color: #061e37; font-size: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #ffffff; } CSS button { width: 150px; height: 55px; border-radius: 5px; filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15)); background-color: #061e37; font-size: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #ffffff; }
floydpower, чтобы убрать границу у кнопки, тебе нужно добавить свойство `border: none;` в CSS для кнопки. Вот как будет выглядеть код: button { width: 150px; height: 55px; border-radius: 5px; filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15)); background-color: #061e37; font-size: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #ffffff; border: none; /* Добавь это свойство */ } CSS button { width: 150px; height: 55px; border-radius: 5px; filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15)); background-color: #061e37; font-size: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #ffffff; border: none; /* Добавь это свойство */ } Теперь граница у кнопки должна исчезнуть.
Тег button по умолчанию имеет свой стиль, чтобы убрать эту границу нужно использовать css свойство border со значением none, то есть: button { ... border: none; } CSS button { ... border: none; }