-
Cómo hacer que mi frente de una barra sólida en CSS
-
Una forma de estilo de un encabezamiento es para hacer que aparece como una barra en la página. texto de encabezamiento en los bares crear divisiones claras en el texto y se ve bien cuando está bien diseñado. El estilo de un encabezamiento en un bar en CSS es simple y sólo requiere un color de fondo y algo de relleno en su mínimo. Una vez creada la barra, se puede continuar con el estilo del texto dentro de la barra tanto como te gusta y añadir bordes u otros estilos. Manipular la anchura de la barra si quieres que sea más corto que el texto que hay debajo.
Instrucciones
1 Abra el archivo HTML de la página Web en un editor de código o el Bloc de notas. Encontrar el título que desea convertir en una barra sólida y añadir a ello un nombre de clase:
<H3 class = "bar"> Rumbo texto aquí </ h3>
2 Abra la hoja de estilo para su página Web o encontrar los <style> en el código HTML de la página. Añadir el código entre las etiquetas <head> etiquetas si no los encuentra:
<Style type = "text / css">
</ Style>Todo el código CSS tiene que ir entre estas etiquetas o dentro de la hoja de estilo. Añadir nuevo código CSS para la parte inferior de la hoja de estilo a medida que escribe en caso de tener que sustituir los estilos anteriores.
3 Crear una regla de estilo para su encabezamiento dirigido a la clase de barras, o cualquier nombre de la clase que eligió para dar a las etiquetas de título:
.bar {
}4 Añadir propiedades y valores dentro de las llaves de la regla de estilo. Creación de la barra requiere al menos un color de fondo y algo de relleno. También puede especificar una anchura, en píxeles o en porcentaje:
.bar {
background-color: blue;
padding: 20px 10px;
}Este código pone 20 píxeles de desplazamiento a la izquierda y derecha del texto del título y 10 píxeles de desplazamiento en su parte superior e inferior. Por defecto, el ancho de una partida es de 100 por ciento.