Мога ли да го използвам на линк?

да CSS работи с и елементи с class="button".

Генератор на CSS бутони – Дизайн на бутони и копиране на CSS

Генератор на CSS бутони

Стилизирайте бутон с визуализация на живо, проверете контраста му и копирайте целия CSS.

Работи във вашия браузър

Вашите данни: Този инструмент обработва въведеното от вас в този браузър. CapyHelp не качва този вход, за да генерира вашия резултат. Подробности за поверителност

Как да използвате генератора на css бутони

Задайте текст, цветове и размери.
Изберете запълнено или контур и сянка.
Копирайте CSS и добавете class="button" към вашата връзка или бутон.

Достъпни бутони

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

Примери

Бяло върху индиго

Контраст 6.3:1

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

Прозрачен бутон, който се запълва при задържане