Maison > interface Web > tutoriel HTML > Plusieurs effets spéciaux de ligne de démarcation en HTML

Plusieurs effets spéciaux de ligne de démarcation en HTML

不言
Libérer: 2018-05-08 14:59:54
original
5986 Les gens l'ont consulté

Cet article présente principalement plusieurs effets spéciaux de ligne de démarcation en HTML. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent se référer aux

Effets spéciaux de ligne de démarcation HTML. et utile. Belle ligne de démarcation, les amis dans le besoin peuvent s'y référer.

1. Lignes de base

2. entre eux )
1. Transparence dégradée aux deux extrémités :

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
Copier après la connexion

2. Forme du fuseau :

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
Copier après la connexion

3. Le dégradé de droite est transparent :

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
Copier après la connexion

4. Le dégradé de gauche est transparent :

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
Copier après la connexion

5 , ligne pointillée :

<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
Copier après la connexion

6. Double ligne :

<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
Copier après la connexion

7. Effet tridimensionnel :

<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
Copier après la connexion

8. Effet aiguille en acier :

<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
Copier après la connexion

9. Ligne de séparation verticale

<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top
-style:none">
Copier après la connexion
<HR align=center width=300 color=#987cb9 SIZE=1>
Copier après la connexion

aligner la position de la ligne (facultatif gauche, droite, centre) ; largeur, couleur, taille, épaisseur ; >

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal