Cajas para texto con los bordes y fondo de color

Cajas para texto con los bordes y fondo de color

Si quereis verlas e vivo miralas en el blog de las demos

Rayas fondo blanco

Caja de para texto con bordes a rayas de color y fondo de color, Toda la caja se puede costunizar a tu manera, forma,de los bordes,colores,color texto,Muy buena.

Aqui os dejo el codigo:

<div align="center" style="background-color: #fafcfc; border-bottom: #000000 3px dashed; border-left: #000000 3px dashed; border-right: #000000 3px dashed; border-top: #000000 3px dashed; color: #ff88e7; height: 120px; overflow: scroll; width: 250px;"><div align="center"><br /></div><div align="center"><span style="color: #000033;">Aqui el texto.</span></div></div><div align="center"></div>

Cambios

El pintado de amarillo, esta claro, Donde va el texto que quieras poner

El pintado de El pintado de Verde los colores que quieras poner

En heíght:.... alto, lo cambias a la medida que tu quieras

Y en width:...ancho lo mismo a tu gusto o necesidad

Recuerda solo texto con códigod HTLM no funciona

borde amarillo

<div align="center"><div align="center" p="" style="background-color: white; border-bottom: 4px double #00ff00; border-color: #00ff00; border-style: double; color: black; height: 150pt; overflow: scroll; width: 300pt;">Aqui el Texto</div></div>

Cambios

El pintado de amarillo, esta claro, Donde va el texto que quieras poner

El pintado de El pintado de Verde los colores que quieras poner

En heíght:.... alto, lo cambias a la medida que tu quieras

Y en width:...ancho lo mismo a tu gusto o necesidad

Recuerda solo texto con códigod HTLM "no funciona"

bordes negro y azul fondo azul claro

<div align="center" style="background-color: #01d3f8; border-bottom: #000000 3px dashed; border-left: #000000 3px dashed; border-right: #000000 3px dashed; border-top: #000000 3px dashed; color: #ff88e7; height: 184px; overflow: scroll; width: 398px;"><div align="center"><br /></div><div align="center"><span style="color: #000033;">Aqui tu Texto </span></div></div><div align="center"></div>

Cambios

El pintado de amarillo, esta claro, Donde va el texto que quieras poner

El pintado de El pintado de Verde los colores que quieras poner

En heíght:.... alto, lo cambias a la medida que tu quieras

Y en width:...ancho lo mismo a tu gusto o necesidad

Recuerda solo texto con códigod HTLM "no funciona

Borde puntos amarillos

<div align="center"><strong><span style="color: #6699ff;"></span></strong></div><div align="center"><strong><span style="color: magenta;"></span></strong></div><div style="border-bottom: #33cc00 3px dotted; border-left: #33cc00 3px dotted; border-right: #33cc00 3px dotted; border-top: #33cc00 3px dotted; height: 300px; overflow: auto; width: 300px;">Aqui tu Texto </div>

Cambios

El pintado de amarillo, esta claro, Donde va el texto que quieras poner

El pintado de El pintado de Verde los colores que quieras poner

En heíght:.... alto, lo cambias a la medida que tu quieras

Y en width:...ancho lo mismo a tu gusto o necesidad

Recuerda solo texto con códigod HTLM "no funciona

Borde puntos azules

<p> </p><p><strong><span style="color: #6699ff;"> </span></strong></p><p><strong><span style="color: #ff00ff;"> </span></strong></p><div style="scrollbar-face-color: #000000; scrollbar-highlight-color: #FF66FF; overflow: auto; width: 163px; scrollbar-shadow-color: #33cc00; scrollbar-3dlight-color: #33cc00; scrollbar-arrow-color: #33cc00; scrollbar-darkshadow-color: #0099ff; scrollbar-base-color: #000099; height: 117px; border: #FF66FF 3px dotted;"><p>aqui su texto</p></div>

Cambios

El pintado de amarillo, esta claro, Donde va el texto que quieras poner

El pintado de El pintado de Verde los colores que quieras poner

En heíght:.... alto, lo cambias a la medida que tu quieras

Y en width:...ancho lo mismo a tu gusto o necesidad