Cómo añadir bordes a su sitio web en la pi de frambuesa

Puede utilizar el Raspberry Pi para poner un borde alrededor de diferentes partes de su página web, que es una buena manera de marcar dónde comienzan y terminan las partes, y para llamar la atención sobre los elementos más importantes. Usted puede usar ocho estilos diferentes de frontera.

Cómo añadir bordes a su sitio web en la pi de frambuesa

Aquí están las tres propiedades de la frontera que usted puede controlar:

  • border-width: Especifica el tamaño del borde en píxeles. Para una línea delgada, utilice 1px. Para algo más gruesas, utilice 4px. Los valores más altos son posibles, pero rara vez se ven bien.

  • estilo de borde: Esto define lo que la frontera se verá así. La mayoría de las veces, usted tendrá que usar sólida, y eso es asumido por defecto. Las otras opciones son puntos, guiones, dobles, surco, canto, inserción, y principio.

  • color de la frontera: Puede especificar un nombre de color o el número del color para el borde.

Trate de añadir un borde negro alrededor de la delgada h1 y h2 rúbricas. Puede estilo de los dos al mismo tiempo, mediante su inclusión juntos, separados por una coma, antes de que las llaves, así:

h1, h2 {border-width: 1px; border-style: de color sólido de las fronteras: negro-}

Puede utilizar una forma abreviada para estilizar la frontera, también, que sustituye a los tres instrucciones con uno solo de esta manera:

h1, h2 {border: 1px sólido-negro}

Si no desea un borde en todos los lados, puede especificar qué lado quieres que (arriba, abajo, izquierda o derecha), de esta manera, lo que crea una línea horizontal agradable bajo su título:

h1, h2 {border-bottom: 1px sólido-negro}



» » » » Cómo añadir bordes a su sitio web en la pi de frambuesa