Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Hulk a
@AndrewIvan
Начинающий программист
HTML
CSS
Как реализовать такую кнопку?
Как сделать такой фон у кнопки ?
Вопрос задан
более трёх лет назад
127 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
В каком году такие кнопки были модные? 2005?
А так, внутренняя тень сделает вам желаемое
https://webref.ru/css/box-shadow
Написано
более трёх лет назад
Решения вопроса
2
Сергей Ермилов
@sergeiermilov
Веб-дизайн, фронтенд и WordPress разработка
Такие кнопки можно делать двумя способами:
1. Кнопку как картинка
2. Задать свойство background-image для родительского элемента
Или вот еще пример кнопок с фоном на чистом CSS3:
snippet
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Hulk a
@AndrewIvan
Автор вопроса
а как сделать тень на копке ?
Написано
более трёх лет назад
Дима Долготер
@SpiderPigAndCat
Андрей Иванников
, box-shadow
Написано
более трёх лет назад
Арсений Матыцин
@ArsenyMatytsyn
Куратор тега CSS
Руководитель frontend направления, предприниматель
Ммм... Зачем фон, если есть бордер?
https://developer.mozilla.org/ru/docs/Web/CSS/border
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Hulk a
@AndrewIvan
Автор вопроса
ну и как такой фон сделать бордером ?
Написано
более трёх лет назад
Арсений Матыцин
@ArsenyMatytsyn
Куратор тега CSS
Андрей Иванников
, собсно тебе
Сергей Ермилов
и пишет: border-image. Он позволяет задавать условия для всех четырех сторон.
В принципе border позволяет задавать условия для всех
четырех сторон
.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Как получить такой ефект на мобильном?
1 подписчик
2 минуты назад
4 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
час назад
35 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
вчера
175 просмотров
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
вчера
79 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
865 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
137 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
136 просмотров
2
ответа
HTML
Простой
Можно ли как то заменить button на type="radio" MiniShop2?
1 подписчик
05 мар.
56 просмотров
1
ответ
CSS
Средний
Как решить проблему со смещением макета и подогнать контейнер под размер картинки?
1 подписчик
04 мар.
109 просмотров
2
ответа
CSS
Простой
Возможно ли изменение самого контейнера через контейнерный запрос?
1 подписчик
04 мар.
71 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Middle Project Manager (внутренние проекты)
FOXIBLE
•
Москва
от 70 000 ₽
Фронтендер/Фрилансер на удаленку
Netgineers GmbH
от 3 000 до 4 000 €
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама