Programació CSS: Crear l’efecte de la caixa blava discontínua envoltant el text

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;”
Català-Catalunya English-USA Traduir a l'Anglès. Translate to English Compartir: La TafaneraIndependènciaCatosfera|FacebookTwitterFriend Feed|googleDeliciousDiggTechnoratiredditmixxyahoolivestumbleuponsimpy

Tags:

1.302 visualitzacions - versió en PDF

Comments are closed.