Attention
Cet article a été publié il y a plus d'un an, il peut y avoir des développements été.
S'il vous plaît prendre en compte.
Comme beaucoup le savent le CSS3 n'ont pas encore été pleinement mises en œuvre par les navigateurs, nous ne servons pas dans la première partie de ce tutoriel!. Déjà mis en œuvre par spécifique CSS2 était la propriété "contour". Penchons-nous sur un exemple:
p.test {
frontière: 1px solide #000000;
contour: 3px solid # 6374AB;
largeur: 20à;
}
Ces quelques lignes nécessitent la création d'un une bordure noire pixel dans le paragraphe, et un contour (esterno à terre) couleur "# 6374ab" de trois pixels. Elle précise également le largeur du paragraphe. Le résultat est le suivant:
Mais que devons-nous faire si nous avions besoin d'un effet de contour appliqué aux contours des mots? Dans ce cas, nous devons servir l' CSS3, qui, comme déjà mentionné sont la mise en œuvre incomplète et ne sont pas encore norme, mais comme il est juste un effet visuel appliqué au texte est suffisant pour donner un peu attention, car il continue à lire le contenu.
La technique ici-bas peut-être pas le plus "Orthodoxe", mais résout certainement le problème. Avec CSS3, vous pouvez créer un ou plusieurs ombre au texte, et ils nous créent des huit différents (tous les points cardinaux et l'intermédiaire) nous aurions résolu le problème. Ombra le nord, le nord-est, une annonce est, etc. L'image suivante est une petite explication de ce que je veux atteindre:
La seule règle doit être appliquée "text-shadow", disponibles que dans la troisième version de CSS.
p.outlined_text{
font-size:20px;
text-shadow:
0px 1px 1px rouges,
0px rouge 1px-1px,
0px 0px 1px rouges,
0px 0px rouge 1px,
0px 0px rouges 1px,
0px 0px-1px rouges,
0px 1px 1px-rouge,
0px 1px 1px rouge;
}
Et ceci est le résultat:
0 commentaires