Diseñar texto en hermosos marcos. Marcos para texto con posibilidad de cambiar el fondo, ancho y alto. En este artículo tienes algunos códigos para varios marcos para diseño de texto. <div style="background: #F8F8FF; border: 5px dotted #CDCDCD; padding: 10px;"> ваш текст.</div> <div style="background: #eeeeee; border: 3px dashed #636363; padding: 10px;"> texto.< / div>   <div style="background: #E8F8FF; border: 10px inset #871F78; padding: 10px;"> texto.</div> <div style="background: #E6E8FA; border: 10px outset #0073E9; padding: 10px;"> texto.</div> <div style="background: #F8F8FF; border: 10px double #871F78; padding: 10px;"> texto.</div>   <div style="background: #03b4cc; border: 7px groove #047AFE; padding: 10px;"> texto</div>   <div style="background: #FFFACD;border: 10px ridge #FFFACD; padding: 10px;"> ваш текст.</div> En los códigos de estos marcos puedes cambiar el alto, ancho y fondo del marco.     <div style="background: #f8f8ff; border-width: thick; border: 10px double #03b4cc; height: 250px; padding: 4px; width: 350px;"> ваш текст.</div>   <div style="background: #f8f8ff; border: 10px outset #03b4cc; height: 200px; padding: 10px; width: 350px;"> ваш текст.</div>   <div style="background: #134f5c; border: 10px groove #047AFE; height: 240px; padding: 10px; width: 200px;"></div> <div style="background: #eeeeee; border: 5px dotted #CDCDCD; height: 200px; padding: 10px; width: 250px;"> </div> <div style="background: #F8F8FF; border: 3px dashed #CDCDCD;  height: 240px; padding: 10px;width: 200px;"> ваш текст.< / div> <div style="background: #FFFACD;border: 10px ridge #FFFACD; height: 200px;  padding: 10px;width: 300px;"> ваш текст.</div> <div style="background: #FFDEAD; border: 10px inset #ff9900; height: 220px; padding: 10px;width: 300px;"> ваш текст.</div> <div style="background: #0a9e08; border: 5px dotted #F8F8FF; height: 100px; padding: 10px; width: 450px;">ваш текст.</div> <div style="background: #3399ff; border: 5px dashed #eeeeee; height: 140px; padding: 10px; width: 400px;"> ваш текст.</div>   En cuanto a la configuración : padding: 10px - también puedes aumentar la altura del marco; borde: 10px - tamaño del borde. Pegue el código del marco en HTML en el editor de mensajes. Luego escribe tu texto directamente en el marco

fondos

EL TEXTO SE VERA ASI <center><table style="width: 700px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><center><br /><center><font size="5" color="#КОД ЦВЕТА ТЕКСТА" face="Monotype Corsiva">**********<br /><br /></font></center></center></td></tr></table></center> . ***** ***** <center><table style="width: 700px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://www.yapfiles.ru/files/2900698/0_bd198_3581e57d_XL12besshovn.jpg6.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><center><br /><center><font size="5" color="#954dfe" face="Monotype Corsiva">**********<br /><br /></font></center></center></td></tr></table></center> . ***** ***** <center><table style="width: 700px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://www.yapfiles.ru/files/2900567/0_bd19a_1d4d0960_XL28besshovn.jpg4.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><center><hr /><hr /><br /><center><font size="5" color="#444444" face="Monotype Corsiva">***** ****<br /><hr align="center" size="2" width="50%" /></font></center></center></td></tr></table></center> La etiqueta hr tiene atributos, aquí están los más simples: • align - establece la alineación del separador (derecha, centro o izquierda); • color: establece el color de la línea; • tamaño: determina el grosor de la línea; • ancho: establece el ancho de la línea. Al principio, esto es suficiente para hacer tus propios marcos. ********** <center><table style="width: 700px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://www.yapfiles.ru/files/2900573/0_bd19b_62a48f45_XL27besshovn.jpg3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"> <center><hr color="c5991e" size="8" /><hr align="right" color="c5991e" size="2" width="50%" /><br /><center><font size="5" color="#c5991e" face="Monotype Corsiva">**********<br /><hr align="left" color="c5991e" size="2" width="50%" /><hr color="c5991e" size="8" /></font></center></center></td></tr></table></center> !

Aquí hay ejemplos y códigos de algunas fuentes:: EL TEXTO SE VERA ASI code <p style="color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Тexto</p> El texto será así. code <p style="color: #006633; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Теxto</p> El texto será así. code <p style="color: #663399; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Теxto</p> El texto será así. code <p style="color: #FE6602; font-family: &#39;Aclonica&#39;,serif; font-size: 1.9em; margin: 20px auto; text-shadow: 0 0px 0 #000000, 0 1px 0 #888888, 0 1.7px 0 #777777, 0 2.7px 0 #FFFFFF, 0 3.7px 0 #555555, 0 4.7px 0 #444444, 0 3.8px 0 #333333, 0 5px 4px #001135;">Теxto</p> El texto será así. code <p style="color: #4c6271; font-family: Arial; font-size: 1.9em; margin: 20px auto; text-shadow: -2px -1px 0 #ece2ca, -2px -2px 0 #5a5a5a;">Теxto <p style=" color: #707070; font-family: Times New Roman; font-size: 1.5em; margin: 0 auto; text-transform: uppercase; text-shadow: 1px 1px 0px #EEE, 2px 2px 0px #707070;">ТTEXTO SERA ASI</p> <table align="center"> <tr> <td><i>code</i></td></tr></table><textarea style="text-align: center;" readonly="readonly" cols="30" rows="1" name="S1"><p style=" color: #707070; font-family: Times New Roman; font-size: 1.5em; margin: 0 auto; text-transform: uppercase; text-shadow: 1px 1px 0px #EEE, 2px 2px 0px #707070;">Теxto</p> Тexto sera asi code <p style="font-family: Georgia; font-size: 1.9em; text-shadow: 1px 1px 4px red,-1px -1px 4px yellow; color: #663300;">texto</p> ТEXTO SERA ASI code <p style="font-size: 1.9em; text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">Теxto</p> ТEXTO SERA ASI code <p style="font-size: 1.9em; text-shadow: 1.6px 1.7px 1.7px #000; color: #00CCFF;">Теxto</p> ТEXTO SERA ASI code <p style="font-size: 1.9em; text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;">Теxto</p>

Красивый текст для блога

И Aquí hay ejemplos y códigos de algunas fuentes:: EL TEXTO SE VERA ASI code <p style="color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Тexto</p> El texto será así. code <p style="color: #006633; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Теxto</p> El texto será así. code <p style="color: #663399; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Теxto</p> El texto será así. code <p style="color: #FE6602; font-family: &#39;Aclonica&#39;,serif; font-size: 1.9em; margin: 20px auto; text-shadow: 0 0px 0 #000000, 0 1px 0 #888888, 0 1.7px 0 #777777, 0 2.7px 0 #FFFFFF, 0 3.7px 0 #555555, 0 4.7px 0 #444444, 0 3.8px 0 #333333, 0 5px 4px #001135;">Теxto</p> El texto será así. code <p style="color: #4c6271; font-family: Arial; font-size: 1.9em; margin: 20px auto; text-shadow: -2px -1px 0 #ece2ca, -2px -2px 0 #5a5a5a;">Теxto <p style=" color: #707070; font-family: Times New Roman; font-size: 1.5em; margin: 0 auto; text-transform: uppercase; text-shadow: 1px 1px 0px #EEE, 2px 2px 0px #707070;">ТTEXTO SERA ASI</p> <table align="center"> <tr> <td><i>code</i></td></tr></table><textarea style="text-align: center;" readonly="readonly" cols="30" rows="1" name="S1"><p style=" color: #707070; font-family: Times New Roman; font-size: 1.5em; margin: 0 auto; text-transform: uppercase; text-shadow: 1px 1px 0px #EEE, 2px 2px 0px #707070;">Теxto</p> Тexto sera asi code <p style="font-family: Georgia; font-size: 1.9em; text-shadow: 1px 1px 4px red,-1px -1px 4px yellow; color: #663300;">texto</p> ТEXTO SERA ASI code <p style="font-size: 1.9em; text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">Теxto</p> ТEXTO SERA ASI code <p style="font-size: 1.9em; text-shadow: 1.6px 1.7px 1.7px #000; color: #00CCFF;">Теxto</p> ТEXTO SERA ASI code <p style="font-size: 1.9em; text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;">Теxto</p>