游客

标题:CSS3的30个效果例子：实现圆角，三角，五角星，五边形，爱心，12角星，8角星，圆，椭圆，圆圈，八卦
正文:
新出的html5新增了不少标签，性能更强，原来的很繁琐的功能几个标签就能实现，同时CSS3也推出，更是一大亮点，下面是css3的部分用法，在此总结一下，以供需要的朋友们，总共30个例子1.长方形#Rectangle{width: 200px;height: 50px;background-color: red;color: white;text-align: center;}2.正方形#square{width: 200px;height: 200px;background-color: red;color: white;text-align: center;}3.实心圆#perfect-circle{width: 200px;height: 200px;background-color: red;color: white;text-align: center;border-radius: 100px;/*-webkit-border-radius: 100px;*/-moz-border-radius: 100px;}4.圈#circle{width: 200px;height: 200px;background-color: white;color: black;text-align: center;border-radius: 100px;/*-webkit-border-radius: 10px;*//*-moz-border-radius: 100px;*/border:3px red solid;}5.椭圆#ellipse{width: 200px;height: 100px;background-color: red;color: white;text-align: center;border-radius: 100px/50px;/*-webkit-border-radius: 100px/50px;*//*-moz-border-radius: 100px/50px;*/}6.上三角#triangle-up{width: 0px;height: 0px;color: white;text-align: center;border-left: 50px solid transparent; border-right
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页