marker_102吧 关注:4贴子:929
  • 9回复贴,共1

【学习之HTML】HTML分割线

只看楼主收藏回复



1楼2013-06-27 13:45回复

    1、两头渐变透明:
    <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>


    2楼2013-06-27 13:47
    回复
      2、纺锤形:
      <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>


      3楼2013-06-27 13:52
      回复
        3、右边渐变透明:
        <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>


        4楼2013-06-27 13:54
        回复
          4、左边渐变透明:
          <HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>


          5楼2013-06-27 13:55
          回复
            5、虚线:
            <HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>


            6楼2013-06-27 13:56
            回复
              6、双线:
              <HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>


              7楼2013-06-27 13:57
              回复
                7、立体效果:
                <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>


                8楼2013-06-27 13:58
                回复
                  8、钢针效果:
                  <HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>


                  9楼2013-06-27 13:59
                  回复
                    分割线HTML代码
                    <HR align=center width=300 color=#987cb9 SIZE=1>
                    align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度


                    10楼2013-06-27 14:01
                    回复