Cómo insertar un botón en HTML y hacer que el botón muestre color
Primero inserte contenido:
Hay dos estilos CSS , una es definir una clase llamada btn-style (definida aquí como fondo rojo)
.btn-style{
background-color:red
}
Otra definición: escriba el estilo en línea directamente en la etiqueta del botón, de la siguiente manera:
El efecto es el siguiente, el botón tiene un fondo rojo:
La captura de pantalla del código es la siguiente:
Información ampliada:
1. La etiqueta
2. También establezca otros estilos del botón, como:
Borde: borde:1px solid #1054ff;//Indica que el borde es de 1px, línea continua y el el color es #1054ff
Color de fuente: color:#1054ff;//Indica que el color de fuente es #1054ff
Configuración de esquina redondeada del botón: border-radius:4px;//Indica que las cuatro esquinas del botón tengan esquinas redondeadas de 4px
Material de referencia: documentación técnica de mdn - introducción a las etiquetas de botones