多彩分网格线

CSS+DIV进阶教程, CSS高级教程, 浏览器兼容性   评论

【右至左渐变白 - 黑蓝 】

 HTML代码
<hr size="10" color="#000080" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100)">
 
【左至右渐变白 - 粉红 】

 HTML代码
<hr size="10" color="#ffccff" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)">
 

【中间立体棒型 - 黑蓝 】

 HTML代码
<hr size="10" color="#0000cc" style="filter:alpha(opacity=0,finishopacity=100,style=2)">
 

【中间立体棒型 - 黑啡 】 HTML代码
<hr size="10" color="#cc0000" style="filter:alpha(opacity=0,finishopacity=100,style=3)">
 

【左红色渐变右蓝色 】

 HTML代码
<hr size="10" style="filter:progid:DXImageTransform.Microsoft.Gradient<strong>(gradientType=’1′,startColorstr=’red’,endColorstr=’blue’)">
 

【上至下渐变 - 深绿 】

 HTML代码
<hr size="10" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=’0′,startColorstr=’#004040′,endColorstr=’#C0FFFF’)"> 
 
【黑色外框架 - 黄色 】

 HTML代码
<hr style="color:ffff00;height:10;border:3 solid #000000">
 

【浮凸棒型 - 蓝色 】

 HTML代码
<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’0′,startColorstr=’#c0c0ff’,endColorstr=’#0000FF’); WIDTH: 100%;HEIGHT: 8px">
 

【左至右渐变 - 红色 】

 HTML代码
<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’1′,startColorstr=’#ff0000′,endColorstr=’#ffeeee’); WIDTH: 100%;HEIGHT: 8px" >
 

【凹陷右至左渐变 - 黑蓝 】

 HTML代码
<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’1′,startColorstr=’#FFFFEE’,endColorstr=’#EEDD00′); WIDTH: 100%;HEIGHT: 8px">
 

【上至下渐变 - 绿色 】

 HTML代码
<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’0′,startColorstr=’#008800′,endColorstr=’#ddffdd’); WIDTH: 100%;HEIGHT: 18px">
 

【右至左渐变 - 绿色 】

 HTML代码
<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’1′,startColorstr=’#006600′,endColorstr=’#88ff88′); WIDTH: 100%;HEIGHT: 18px"> 
 
【修改程序代码】

1.修改startColorstr=’左/ 上方颜色’,endColorstr=’右/ 下方颜色’)"
2.color="你喜欢颜色"
3.修改WIDTH: 100%;HEIGHT: 8px - 设定宽度和高度

相关文章

  • 反向链接/导入链接的质量
  • CND-2006000279 号案
  • 深入理解float
  • 浅谈如何运营地方门户网
  • 终于可以吃上绿色食物了
  • Happy Together
  • 域名投资王道:抓好出售和收购的时机
  • 域名游戏:买下域名只是开始~~
  • 评论本文

    GlossyBlue & 皖ICP备05001516号 CopyRight 2007,玉楼春
    Entries RSS Comments RSS Login