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

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

不言
不言original
2018-05-08 14:59:545943parcourir

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>

2. Forme du fuseau :

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

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

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

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

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

5 , ligne pointillée :

<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>

6. Double ligne :

<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>

7. Effet tridimensionnel :

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

8. Effet aiguille en acier :

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

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">
<HR align=center width=300 color=#987cb9 SIZE=1>

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!

Déclaration:
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