¿Cómo cambiar el color del botón en HTML?

CSS se utiliza para proporcionar diseñará en los elementos HTML. Un hipervínculo es un vínculo que se transfiere a una página a otra página, que sólo funciona haciendo clic en el texto o imagen. Por lo tanto, en este vamos a aprender cómo podemos cambiar el color de un hipervínculo de texto usando CSS en HTML?

HTML se encuentra class Hypertext Markup Language y se utiliza para estructurar la web cuyas etiquetas son leídas por el navegador de Web y mostrar la página web sin mostrar las etiquetas y mostrar sólo el contenido con la estructura definida por las etiquetas.

Podemos establecer estilo de los elementos HTML usando atributo de estilo .

En este artículo, vamos a aprender a cambio el color del botón usando CSS , se puede hacer de dos maneras: 1) juego directo las propiedades de estilo en la etiqueta y 2) crear un CSS for y aplicarlo en el botón

podemos hacer un botón en HTML usando la etiqueta del tipo de entrada.

Sintaxis:

<input type="button" value="button_caption"/>

1) Definición de estilos de botón con la etiqueta

<input type="button" style="background-color:black;color:white;width:150px;
height
:40px;" value="Click Me!!">

2) Creación de CSS class class que

.button_css
{
background-color: black;
color: white;
width: 150px;
height: 40px;
}

Aplicando el botón:

<input type="button" class="button_css" value="Click Me!!">

HTML con el CSS en línea

<html>
<head>
<title>Button Color Demo</title>
</head>
<body>
<input type="button" style="background-color:black;color:white;width:150px;height:40px;" value="Click Me!!">
</body>
</html>

salida

How to change button color in HTML? - 4


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *