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

Se 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 están las piezas comienzan y terminan, y para llamar la atención sobre los elementos más importantes. Se puede utilizar ocho estilos diferentes de frontera.

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

• ancho del borde: Esto especifica el tamaño del borde en píxeles. Para una línea delgada, utilice 1px. Para algo más gruesas, use 4 píxeles. 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, tendrá que utilizar sólida, y eso es asumida por defecto. Las otras opciones son puntos, guiones, doble, surco, canto, inserción, y el principio.

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

Trate de añadir un borde negro alrededor de la delgada h1 y h2 encabezamientos. 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: sólido-border-color: negro-}

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

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

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 debajo de su buen título:

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