style Css. nelle linee, divider

Menu Linee - (Divider)

► Linee-divider-bordi - Page 2

Fare delle Linee, ovvero (Divider) bordi

con l'Uso dei Css. Filtri (solo su IE.) e un pò di Fantasia

sono un pò ingrandite solo per farvi vedere gli effetti

PAGE 1

Da Incollare nel <body> !<CENTER> <HR style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff0000,endColorStr=#ffffff)" width=400 SIZE=8> <HR style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff0000,endColorStr=#ffffff)" width=500 SIZE=20> <HR style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0000ff)" width=500 SIZE=25> <HR style="BORDER-RIGHT: #000000 6px double; BORDER-TOP: #000000 6px double; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0000ff,endColorStr=#ffffff); BORDER-LEFT: #000000 6px double; BORDER-BOTTOM: #000000 6px double" width=600 SIZE=25> <HR style="BORDER-RIGHT: #ff0000 2px solid; BORDER-TOP: #ff0000 2px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#ff00ff); BORDER-LEFT: #ff0000 2px solid; BORDER-BOTTOM: #ff0000 2px solid" width=600 SIZE=15> <HR style="BORDER-RIGHT: #000000 2px dotted; BORDER-TOP: #000000 2px dotted; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#00ff00); BORDER-LEFT: #000000 2px dotted; BORDER-BOTTOM: #000000 2px dotted" width=250 SIZE=8> <HR style="BORDER-RIGHT: #ffffff 1px dashed; BORDER-TOP: #ffffff 1px dashed; BORDER-LEFT: #ffffff 1px dashed; BORDER-BOTTOM: #ffffff 1px dashed" width=400 color=#0000ff SIZE=20> <HR style="BORDER-RIGHT: #ffffff 4px solid; BORDER-TOP: #ffffff 4px solid; FILTER: progid:DXImageTransform.Microsoft.Emboss( ); BORDER-LEFT: #ffffff 4px solid; BORDER-BOTTOM: #ffffff 4px solid" width=600 SIZE=10> <HR style="BORDER-RIGHT: #ffffff 3px solid; BORDER-TOP: #ffffff 3px solid; FILTER: progid:DXImageTransform.Microsoft.Engrave( ); BORDER-LEFT: #ffffff 3px solid; BORDER-BOTTOM: #ffffff 3px solid" width=600 SIZE=10> <HR style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=120,strength=6); BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" width=600 color=#ff0000 SIZE=10> <HR style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: progid:DXImageTransform.Microsoft.glow(color=#ffffff,strength=6); BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" width=600 color=#00ff00 SIZE=10> <HR style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: progid:DXImageTransform.Microsoft.MotionBlur(direction=0,strength=10); BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" width=600 color=#ffffff SIZE=10> <HR style="BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=3,opacity=10,finishOpacity=100); BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid" width=600 color=#00ff00 SIZE=20> <HR style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=2,opacity=10,finishOpacity=100); BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" width=600 color=#ffffff SIZE=20> <HR style="BORDER-RIGHT: #ffffff 4px solid; BORDER-TOP: #ffffff 4px solid; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=30,finishOpacity=100); BORDER-LEFT: #ffffff 4px solid; BORDER-BOTTOM: #ffffff 4px solid" width=600 color=#ffff00 SIZE=20> </CENTER>