.hexagon-in1,.hexagon-in2 在css样式中的意思.hexagon-in1,.hexagon-in2 {\x05overflow:hidden;\x05display:block;\x05width:100%;\x05height:100%;\x05-webkit-transform:rotate(-60deg);\x05 -moz-transform:rotate(-60deg);\x05\x05\x05transform:rotate(-60

.hexagon-in1,.hexagon-in2 在css样式中的意思.hexagon-in1,.hexagon-in2 {\x05overflow:hidden;\x05display:block;\x05width:100%;\x05height:100%;\x05-webkit-transform:rotate(-60deg);\x05 -moz-transform:rotate(-60deg);\x05\x05\x05transform:rotate(-60
.hexagon-in1,.hexagon-in2 在css样式中的意思
.hexagon-in1,.hexagon-in2 {
\x05overflow:hidden;
\x05display:block;
\x05width:100%;
\x05height:100%;
\x05-webkit-transform:rotate(-60deg);
\x05 -moz-transform:rotate(-60deg);
\x05\x05\x05transform:rotate(-60deg);

.hexagon-in1,.hexagon-in2 在css样式中的意思.hexagon-in1,.hexagon-in2 {\x05overflow:hidden;\x05display:block;\x05width:100%;\x05height:100%;\x05-webkit-transform:rotate(-60deg);\x05 -moz-transform:rotate(-60deg);\x05\x05\x05transform:rotate(-60
overflow: hidden;  /*超出区域的部分隐藏不显示*/
display: block;      /*以块元素显示*/
width: 100%;     /*宽度是父元素的宽度的100%*/
height: 100%; /*高度是父元素的宽度的100%*/
-webkit-transform: rotate(-60deg); 
  -moz-transform: rotate(-60deg);
transform: rotate(-60deg);
transform可以对元素进行角度旋转和缩放.rotate：水平旋转,属性值格式为Xdeg.(deg是“度”的意思)rotate(Xdeg).X为正数时,顺时针旋转；为负数时,逆时针旋转.上面三种写法是针对不同的浏览器写的兼容写法.第一个针对的是webkit内核的浏览器,第二个是火狐,第三个是泛指.这个是CSS3来的,要比较新的浏览器才支持,也并不是所有的浏览器都支持了.