;  MY LIFE: COSAS PARA BLOGGERS: COMO PONER EL TEXTO EN UN RECUADRO (MARCO PARA TEXTO)

About

13 abril 2011

COSAS PARA BLOGGERS: COMO PONER EL TEXTO EN UN RECUADRO (MARCO PARA TEXTO)

Nos vamos a nueva entrada, y cuando lleguemos a la parte del texto que queremos encuadrar pasamos de "redactar" a "edición de HTML" y escribimos:



<p style="border:1px solid black">Lo que sea</p>

Luego volvemos al botón "redactar" y continuamos con lo que queramos.
Si queréis ver un ejemplo de cómo queda ese borde pinchar aquí y ver el principio del post.

Todos los parámetros del borde son configurables: ancho, estilo, color, grosor....

Aquí os dejo los nombres y la apariencia de los distintos bordes, lo único que hay que hacer es cambiar esos parámetros en la orden html que hemos puesto, teniendo en cuenta que:

  • 1px: es el ancho del borde, cuanto más número más ancho será
  • solid: es el formato del borde ( en línea continua, discontinua de rayas, de puntos...)
  • black: es el color en este caso negro, si queréis otro ponéis otro nombre (en inglés)
Toda la explicación que hay a continuación la he sacado de http://es.html.net/tutorials/css/lesson11.php.

Anchura del borde [border-width]

La anchura del borde se define por medio de la propiedad border-width, que dispone de los valores thinmedium y thick, o de un valor numérico indicado en píxeles. La siguiente imagen ilustra cómo funciona el sistema:


Color del borde [border-color]

La propiedad border-color define el color del borde. Los valores de esta propiedad son los valores de color normales, por ejemplo, "#123456" (en notación hexadecimal), "rgb(123,123,123)" (en notación RGB) o "yellow" (por nombre del color, que es nuestro caso).

Estilo de borde [border-style]

Se puede elegir entre diferentes estilos de borde. Más abajo se muestran 8 estilos de borde según los interpreta Internet Explorer 5.5. Todos los ejemplos se muestran con el valor del color a "oro" y el valor de la anchura a "thick", pero se pueden mostrar, por supuesto, en otros colores y grosores.
Si no queremos mostrar ningún borde, se puede usar los valores none o hidden.

Espero que os sirva para vuestro blog. Un saludo.


Nota: si queréis tener un listado de colores os dejo un enlace códigos de colores.