Agregar CSS a tu HTML

Existen diferentes formas de agregar reglas de CSS a nuestras páginas, y una de ellas es incluir las reglas en el mismo documento:

<style type="text/css">
 .boton{
  color: white;
  border: 2px solid #879aa8;
  background: #434d54;
 }
</style>

Todo lo anterior debe ir dentro del encabezado, es decir, dentro de las etiquetas head, de esta forma:

Resaltar campo con CSS

Para lograr que el campo de un formulario activo (en focus) se comporte de una manera diferente, como es el caso de cambiar el grosor y color del borde, como también su color de fondo como se muestra a continuación: (Hacer click dentro del textbox)

Necesitamos solamente incluir un código como el siguiente:

input:focus{
 border: 2px solid #939993;
 background: #f5fff5;
}