Caja de CSS

Si quieres una cajita de CSS como la que verás a continuación, sólo tienes que hacer lo más simple del mundo, copiar y pegar el código en un post :-)

Si te gusta esta caja de
CSS sigue los pasos para instalarla...

El Código de la caja es este:

<DIV align="center">
<div style="width:300px;font-weight: bold;text-transform: capitalize;text-align: center;padding: 4pt;border: 1pt;border-style: double;border-padding:10px;background-border:1px solid black;">
COMIENZO DE FRASE <span style="font-weight: bolder;"><br>PALABRA DESTACADA </span> RESTO FRASE
</div>
</DIV>

Debes rellenar...


-Comienzo de frase: ponemos el principio de la frase.

-Palabrita destacada: es la palabra que se verá en blanco, destacada.
-Resto de frase: el resto de nuestra frase.

Podemos editar...

- width:300px; el ancho de la caja.

- font-family: sans-serif; el estilo de fuente (puedes cambiarla a una cualquiera, por ejemplo arial).

- font-weight: bold; esto hace que el texto este en negrita, si lo quieres normal, borra la línea de negrita.

- text-align: center; es la posición del texto (left para izquierda, right para derecha, center para centrado)

- padding: 4pt; la posición (te recomiendo dejarla como está)

- border: 2pt; el grosor del borde

- border-style: solid; el estilo de borde (sólido, normal, puede cambiarse a doble poniendo double o a punteado poniento dotted).

- border-color: black; color del borde, puedes cambiarlo poniéndole un código de color (puedes usar la tabla de colores)

- background-color: #000000; es el color de fondo

¡Suerte!