Hacemos clic sobre “Aceptar” y la tendremos lista:
Ahora nos colocamos dentro de ella simplemente picando dentro de la misma y veremos como el cursor parpadea en el interior; pues bien, para insertar la barra tendremos que ir arriba en “Insertar”: como veis se trata de insertar “Regla horizontal” que es un objeto “HTML”, así que cuando piquemos, quedará así una vez demos a F12 para vista previa en el navegador:
Como ves es agradable a la vista y hace una separación perfecta entre el bloque de arriba y lo siguiente que veremos. Y lo que veremos son dos formas de presentar una tabla con un borde alrededor de un color que destaque del resto y además como se presentan celdas perfectamente separadas unas de otras. La primera forma de poner un borde es simplemente creando una tabla y activando esa opción a la que podemos o no darle un color.-Vamos a crear una Tabla con una fila y 1 columna y 1 pixel de borde, todo de carrerilla (lo primero que hacemos es picar en cualquier lugar fuera de la tabla anterior, para que la barra que habíamos incrustado quede perfectamente, pues si dierais en cualquier tecla, desaparecerá porque veis que está activa –en negro-), ahí vá la Tabla nueva:
Tras picar en “Aceptar” y luego F12 para verla en el navegador, será así:
Ves que por defecto, el pixel que le dimos de borde, lo rellena con un gris que no es feo, pero queremos darle un color, yo le voy a dar un azul oscuro, para ello debemos tener activa la tabla:
Si no lo estuviese, solo teneis que acercar el puntero del ratón hasta el borde y cuando se ponga rojo haceis clic, vereis que se activa.-Bien, estando como digo activa, nos vamos abajo en Propiedades, a:
Es decir, picamos sobre “ Col. Borde ” y aparecerá la paleta de colores, donde elegís el color deseado, como veis elijo el azul oscuro, y nada más picar aparecerá así en el navegador (F12):
La otra forma de crear una tabla con borde sería crearla esta vez con “borde” 0 pero con “Espacio entre celdas” =2, (damos dos saltos de línea para que la tabla no se nos junte con la anterior) y luego actuamos así:
Una vez creada -momento en que estará aún activa-, le damos de color de fondo el azul de antes:
De modo que se presentará así:
Acto seguido tenemos que darle otro color de fondo pero esta vez a la celda de que consta, pero para ello tenemos que colocarnos dentro (picamos dentro de la tabla), y luego, de nuevo color de fondo, pero esta vez el blanco del fondo de la página:
Una vez que se ha hecho clic (veis arriba de la figura el código #FFFFFF que es el código hexadecimal del blanco, pero no tenemos que teclearlo, sino simplemente picar a la izquierda como veis en dicho color) nos presentará la tabla así en el navegador:
Verás que es idéntica a la anterior, pero creada de otra forma ¿entendido?.
Lo dejamos aquí para que la lección no se haga excesivamente larga y voy a continuar en el siguiente capítulo, donde veremos primeramente como crear una tabla con bordes igualmente, pero con varias celdas perfectamente separadas y visibles (a las que luego incrustaremos contenido).
