Per a crear l’efecte que envolta el text, a baix, a les vostres planes web, o blocs, heu d’emprar aquest codi CSS.
Codi a emprar: <pre style=”font-family: monospace; line-height: 1.1em; color: black; background-color: #f9f9f9; font-size: 12px; padding: 1em; margin: 0px; border: 1px dashed #2f6fab;”>Text envoltat</pre> |
El codi s’ha d’inserir com HTML i no pas com a text pla.
Per a aconseguir un format que s’ajustés al tamany de la plana, en aquest exemple jo he emprat l’estil al tag TD i no pas a PRE:
<TABLE BORDER=”0″><TR><TD style=”font-family: monospace; line-height: 1.1em; color: black; background-color: #f9f9f9; font-size: 12px; padding: 1em; margin: 0px; border: 1px dashed #2f6fab;”>Text envoltat</TD></TR></TABLE> |
Podeu jugar amb el color, l’estil de lletra, espai, tamany, color de fons, color de les vores…
Exemple amb: style=”font-family: monospace; line-height: 2.1em; color: red; background-color: #191919; font-size: 15px; padding: 1em; margin: 0px; border: 5px dashed #2f6fab;” |
![]() ![]() | Compartir: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Tags: HTML / CSS
1.701 visualitzacions - versió en PDF