Могу ли я использовать его по ссылке?

Да. CSS работает с элементами и с помощью class="button".

Генератор кнопок CSS: создавайте кнопки и копируйте CSS

Генератор кнопок CSS

Оформите кнопку с помощью предварительного просмотра в реальном времени, проверьте ее контрастность и скопируйте полный CSS.

Запускается в вашем браузере

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

Как использовать генератор кнопок CSS

Установите текст, цвета и размеры.
Выберите заливку или контур и тень.
Скопируйте CSS и добавьте class="button" к вашей ссылке или кнопке.

Доступные кнопки

Инструмент показывает контраст между текстом и фоном. Стремитесь к соотношению не менее 4,5:1, чтобы каждый мог прочитать этикетку. CSS включает видимую схему фокуса для пользователей клавиатуры, которую вам следует сохранить.

Примеры

Белый на индиго

Контраст 6,3:1

Стиль контура

Прозрачная кнопка, заполняющаяся при наведении