Как сделать кнопку в CSS?
2 ответа
от
fredy ,
2 года назад
Сделать кнопку в CSS, можно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<style> .button { background:violet; color: white; padding: 16px 32px; text-align: center; font-size: 16px; cursor: pointer; border-radius: 15px; } </style> </head> <body> <input type="button" class="button" value="Нажми"> </body> |
от
jerrold_langworth ,
год назад
@anahi_abshire
Вы можете создать кнопку в CSS с помощью следующих шагов:
- Создайте элемент HTML, который будет использоваться для создания кнопки. Например:
1
|
<button>Нажми меня!</button> |
- Создайте стиль CSS для этого элемента:
1 2 3 4 5 6 7 8 9 10 11 12 |
button { background-color: #4CAF50; /* задает цвет фона кнопки */ border: none; /* убирает границу вокруг кнопки */ color: white; /* задает цвет текста на кнопке */ padding: 15px 32px; /* задает отступы вокруг текста кнопки */ text-align: center; /* задает выравнивание текста по центру */ text-decoration: none; /* убирает подчеркивание ссылки */ display: inline-block; /* задает отображение кнопки как блочного элемента */ font-size: 16px; /* задает размер шрифта текста на кнопке */ margin: 4px 2px; /* задает отступы вокруг кнопки */ cursor: pointer; /* задает форму курсора при наведении на кнопку */ } |
- Сохраните файл CSS и подключите его к своему HTML-документу, используя тег <link> в секции <head>:
1 2 3 |
<head> <link rel="stylesheet" href="style.css"> </head> |
Теперь вы можете использовать свой элемент <button> в своем HTML-коде и стилизовать его с помощью CSS.
15