Как сделать кнопку в html | Уроки Html, Css
1448 смотрели · 5 лет назад
Как сделать кнопку в HTML?
Добрый день. Сегодня рассмотрим как просто сделать красивую кнопку на HTML и добавить к ней стили. Итак, приступим... Для начала, как всегда, создаем файл test.html в любом месте нашего ПК. Открываем наш файл test.html и вставляем строку подключения нашего файла со стилями: <head>
<link rel="stylesheet" href="styles.css">
</head> Далее мы прописываем нашу кнопку: <body>
<button class="custom-btn btn-2">Кнопка</button>
</body> Но без стилей наша кнопка выглядит очень скучно, исправим это. Открываем наш файл styles...
Делаем красивую градиент кнопку с анимацией при наведении
Данную привлекательную кнопку сделать очень легко и просто. Для начала создаем файл index.html и style.css прописываем оболочку htmlю Заголовок я назвал Gradient button, вы можете по-своему далее при помощи тега <a> мы создаём ссылку на которую вас будет перебрасывать после нажатия на кнопку, в ней создаём класс (я назвал его button) , между тегов прописываем наш текст, который отобразится на кнопке далее переходим к нашему css файлу в body прописываем display - flex, затем с помощью justify-content...