jueves, 21 de noviembre de 2024

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

No hay comentarios:

Publicar un comentario

Seguidores

Archivo del blog