Добрый день. Сегодня рассмотрим как просто сделать красивую кнопку на HTML и добавить к ней стили. Итак, приступим... Для начала, как всегда, создаем файл test.html в любом месте нашего ПК. Открываем наш файл test.html и вставляем строку подключения нашего файла со стилями: <head>
<link rel="stylesheet" href="styles.css">
</head> Далее мы прописываем нашу кнопку: <body>
<button class="custom-btn btn-2">Кнопка</button>
</body> Но без стилей наша кнопка выглядит очень скучно, исправим это. Открываем наш файл styles...
Здесь вы увидите долгое описание того, как я создавал эту небольшую кнопку. Будет множество пояснений для новичков, которые могут показаться вам бесполезными. Но как показывает практика, даже верстальщики с опытом в 1 год, не знают многих базовых вещей. П.с. в связи с тем, что Яндекс.дзен автоматически применяет хёштеги, формат записи цвета будет в rgb. Листай в самый низ, если скучно (там код) =) Голый HTML Для начала зададим фону приятный цвет, который будет гармонично смотреться с кнопкой и эффектом наведения...