• 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
      CSS3圆角
     
      #css3-circle{
     
      width:150px;
     
      height:150px;
     
      border-radius:50%;
     
      }
     
      CSS3椭圆形css3radius
     
      #css3-elipse{
     
      width:200px;
     
      height:100px;
     
      border-radius:50%;
     
      }
     
      CSS3三角形
     
      #css3-triangle{
     
      width:0;
     
      height:0;
     
      border-left:100pxsolidtransparent;
     
      border-right:100pxsolidtransparent;
     
      border-bottom:150pxsolid#232323;}
     
      CSS3平行四边形
     
      #css3-parallelogram{
     
      width:200px;
     
      height:100px;
     
      background:#232323;
     
      -webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);
     
      transform:skew(-45deg);
     
      }
     
      CSS3梯形
     
      #css3-trapezoid{
     
      width:100px;
     
      height:0;
     
      border-bottom:100pxsolid#232323;
     
      border-left:50pxsolidtransparent;
     
      border-right:50pxsolidtransparent;
     
      }
     
      CSS3六角星
     
      
     
      #css3-six-star{
     
      width:0;
     
      height:0;
     
      position:relative;
     
      border-bottom:100pxsolid#232323;
     
      border-left:50pxsolidtransparent;
     
      border-right:50pxsolidtransparent;
     
      }#css3-six-star:after{
     
      content:"";
     
      width:0;
     
      height:0;
     
      position:absolute;
     
      left:-50px;
     
      top:35px;
     
      border-top:100pxsolid#232323;
     
      border-left:50pxsolidtransparent;
     
      border-right:50pxsolidtransparent;
     
      }
     
      CSS3五角星css3transform
     
      
     
      
     
      #css3-five-star{
     
      width:0px;
     
      height:0px;
     
      margin:50px0;
     
      position:relative;
     
      display:block;
     
      color:#232323;
     
      border-right:100pxsolidtransparent;
     
      border-bottom:70pxsolid#232323;
     
      border-left:100pxsolidtransparent;-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);
     
      }#css3-five-star:before{
     
      border-bottom:80pxsolid#232323;;
     
      border-left:30pxsolidtransparent;
     
      border-right:30pxsolidtransparent;
     
      position:absolute;
     
      height:0;
     
      width:0;
     
      top:-45px;
     
      left:-63px;
     
      display:block;
     
      content:'';-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);
     
      }#css3-five-star:after{
     
      position:absolute;
     
      display:block;
     
      color:#232323;
     
      top:3px;
     
      left:-105px;
     
      width:0px;
     
      height:0px;
     
      border-right:100pxsolidtransparent;
     
      border-bottom:70pxsolid#232323;
     
      border-left:100pxsolidtransparent;-webkit-transform:rotate(-70deg);-moz-transform:rotate(-70deg);-ms-transform:rotate(-70deg);-o-transform:rotate(-70deg);
     
      content:'';
     
      }
     
      CSS3五边形
     
      
     
      #css3-pentagon{
     
      position:relative;
     
      width:54px;
     
      border-width:50px18px0;
     
      border-style:solid;
     
      border-color:#232323transparent;}#css3-pentagon:before{
     
      content:"";
     
      position:absolute;
     
      height:0;
     
      width:0;
     
      top:-85px;
     
      left:-18px;
     
      border-width:045px35px;
     
      border-style:solid;
     
      border-color:transparenttransparent#232323;}
     
      CSS3六边形
     
      
     
      #css3-hexagon{
     
      width:100px;
     
      height:55px;
     
      background:#232323;
     
      position:relative;
     
      }#css3-hexagon:before{
     
      content:"";
     
      position:absolute;
     
      top:-25px;
     
      left:0;
     
      width:0;
     
      height:0;
     
      border-left:50pxsolidtransparent;
     
      border-right:50pxsolidtransparent;
     
      border-bottom:25pxsolid#232323;}#css3-hexagon:after{
     
      content:"";
     
      position:absolute;
     
      bottom:-25px;
     
      left:0;
     
      width:0;
     
      height:0;
     
      border-left:50pxsolidtransparent;
     
      border-right:50pxsolidtransparent;
     
      border-top:25pxsolid#232323;}
     
      CSS3心形
     
      
     
      #css3-heart{
     
      position:relative;
     
      width:100px;
     
      height:90px;
     
      }#css3-heart:before,#css3-heart:after{
     
      position:absolute;
     
      content:"";
     
      left:50px;
     
      top:0;
     
      width:50px;
     
      height:80px;
     
      background:#232323;
     
      -moz-border-radius:50px50px00;
     
      border-radius:50px50px00;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);
     
      transform:rotate(-45deg);-webkit-transform-origin:0100%;-moz-transform-origin:0100%;-ms-transform-origin:0100%;-o-transform-origin:0100%;
     
      transform-origin:0100%;
     
      }#css3-heart:after{
     
      left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);
     
      transform:rotate(45deg);-webkit-transform-origin:100%100%;-moz-transform-origin:100%100%;-ms-transform-origin:100%100%;-o-transform-origin:100%100%;
     
      transform-origin:100%100%;
     
      }
     
      CSS3八卦
     
      
     
      #css3-gossip{
     
      width:96px;
     
      height:48px;
     
      background:#f1f1f1;
     
      border-color:#232323;
     
      border-style:solid;
     
      border-width:2px2px50px2px;
     
      border-radius:100%;
     
      position:relative;
     
      }#css3-gossip:before{
     
      content:"";
     
      position:absolute;
     
      top:50%;
     
      left:0;
     
      background:#f1f1f1;
     
      border:18pxsolid#232323;
     
      border-radius:100%;
     
      width:12px;
     
      height:12px;
     
      }#css3-gossip:after{
     
      content:"";
     
      position:absolute;
     
      top:50%;
     
      left:50%;
     
      background:#232323;
     
      border:18pxsolid#f1f1f1;
     
      border-radius:100%;
     
      width:12px;
     
      height:12px;
     
      }



     

    如需转载,请注明文章出处和来源网址:http://www.cuhw.com.cn/jiqiao/j54113.shtml

  • 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14