1.square{宽度：100px；高度：100px；背景：红色；}2.rectangle{宽度：200px；高度：100px；背景：红色；}3.triangle-topleft{width:0border-top:100pxsolidred;border-right:100pxsolidtransparent;}4。三角形右上角{宽度：0;高度：0；border-top：100px纯红色；100pxsolidtransparent;}5.左下三角形triangle-bottomleft{width:0;高度：0；border-bottom:100px纯红色；border-right:100pxsolidtransparent;border-bottom:100px纯红色；左边框：100px实心透明；}7.平行四边形{宽度：150px；高度：100px；-webkit-变换：倾斜（20度）；：歪斜（20度）；-o-变换：倾斜（20度）；背景：红色；}8.Trapezoid梯形{border-bottom:100pxsolidred;高度：0；宽度：100px；}9.Hexagonstarstar-six{width:0;高度：0；左边框：50px所以盖子透明；border-right:50pxsolidtransparent;border-bottom:100px纯红色；位置：相对；}#star-six:after{width:0;高度：0；左边框：50px实心透明；border-right:50pxsolidtransparent;border-top：100px纯红色；位置：绝对；内容：””;顶部：30px；左：-50px；}10.五角星star-five{margin:50px0;位置：相对；显示：块；红色;宽度：0px；高度：0px；border-right:100pxsolidtransparent;border-bottom:70px纯红色；左边框：100px实心透明；-moz变换：旋转（35度）；-webkit变换：旋转（35度）；-ms变换：旋转（35度）；-o-变换：旋转（35度）；}#star-five:before{border-bottom:80px纯红色;左边框：30px实心透明；border-right:30pxsolidtransparent;位置：绝对；高度：0；宽度：0；顶部：-45px；左：-65px；显示：块；内容：””;-webkit-变换：旋转（-35deg）；-moz-变换：旋转（-35deg）；-ms-transform:旋转（-35度）；-o-变换：旋转（-35deg）；}#star-five:after{位置：绝对；显示：块；红色;顶部：3px；左：-105px；宽度：0px；高度：0px；border-right:100pxsolidtransparent;border-bottom:70px纯红色；左边框：100px实心透明；-webkit变换：旋转（-70度）；-moz-变换：旋转（-70deg）；-ms-变换：旋转（-70deg）；-o-变换：旋转（-70deg）；内容：””;}11.五边形pentagon{position:relative;宽度：54px；边框宽度：50px18px0；边框样式：实心；边框颜色：红色透明；}#pentagon:before{内容：“”；位置：绝对；高度：0；宽度：0；顶部：-85px；左：-18px；边框宽度：045px35px；边框样式：实心；border-color：透明透明红色；}12.六边形hexagon{width:100px;高度：55px；背景：红色；位置：相对；}#hexagon:before{内容：“”；位置：绝对；顶部：-25px；左：0；宽度：0；高度：0；左边框：50px实心透明；右边框：50px固体透明；border-bottom:25px纯红色；}#hexagon:after{内容：“”；位置：绝对；底部：-25px；左：0；宽度：0；高度：0；左边框：50px实心透明；border-right:50pxsolidtransparent;border-top：25px纯红色；}13.桃心心{position:relative;宽度：100px；高度：90px；}#heart:before,#heart:after{位置：绝对；内容：””;左：50px；顶部：0；宽度：50px；高度：80px；背景：红色；-moz-边框半径：50px50px00；边框半径：50px50px00；-webkit-变换：旋转（-45deg）；-moz-变换：旋转（-45deg）；-ms-变换：旋转（-45deg）；-o-变换：旋转（-45deg）；变换：旋转（-45deg）；-webkit-transform-origin:0100%;-moz-transform-origin:0100%;-ms-transform-origin:0100%;-o-变换原点：0100%；变换原点：0100%；}#heart:after{左：0；-webkit变换：旋转（45度）；-moz变换：旋转（45度）；-ms变换：旋转（45度）；-o-变换：旋转（45度）;变换：旋转（45度）；-webkit-transform-origin:100%100%;-moz-transform-origin:100%100%;-ms-transform-origin:100%100%;-o-变换原点：100%100%；变换原点：100%100%；}14无限大号infinity{position:relative;宽度：212px；高度：100px；}infinity:before,#infinity:after{内容：“”；位置：绝对；顶部：0；左：0；宽度：60px；高度：60px；边框：20px纯红色；-moz-边框半径：50px50px050px；边框半径：50px50px050px；-webkit-变换：旋转（-45deg）；-moz-变换：旋转（-45deg）；-ms-变换：旋转（-45deg）；-o-变换：旋转（-45deg）；变换：旋转（-45deg）；}infinity:after{left:auto;右：0；-moz-边框半径：50px50px50px0；边框半径：50px50px50px0；-webkit变换：旋转（45度）；-moz变换：旋转（45度）；-ms变换：旋转（45度）；-o-变换：旋转（45度）；变换：旋转（45度）；}15.蛋蛋{display:block;宽度：126px；高度：180px；背景色：红色；-webkit-边框半径：63px63px63px63px/108px108px72px72px；边界半径：50%50%50%50%/60%60%40%40%；}16.提示对话框talkbubble{width:120px;高度：80px；背景：红色；位置：相对的;-moz-边框半径：10px；-webkit-边框半径：10px；边界半径：10px；}#talkbubble:before{内容:"";位置：绝对；右：100%；顶部：26px；宽度：0；高度：0；border-top:13pxsolidtransparent;右边框：26px纯红色；border-bottom:13px实心透明；}17.十二角星#burst-8{背景：红色；宽度：80px；高度：80px；位置：相对；文本对齐：居中；-webkit变换：旋转（20度）；-moz变换：旋转（20度）；-ms变换：旋转（20度）；-o-transform:rotate(20deg);transform:rotate(20deg)}#burst-8:before{content:"";position:absolute;顶部：0；左侧：0；高度：80px；宽度：80px；背景：红色；-webkit变换：旋转（135度）；-moz变换：旋转（135度）；-ms变换：旋转（135度）；-o-变换：旋转（135deg）；变换：旋转（135度）；}#burst-8：之后{内容：“”；位置：绝对；顶部：0；左：0；高度：80px；宽度：80px；背景：红色；-webkit-transform：旋转（115deg）；-moz-transform:rotate(115deg);-ms-transform:rotate(115deg);-o-transform:rotate(115deg);transform:rotate(115deg);}18.八角星burst-8{background:red;宽度：80px；高度：80px；位置：相对；文本对齐：居中；-webkit变换：旋转（20度）；-moz变换：旋转（20度）；-ms变换：旋转（20度）；-o-变换：旋转（20eg）；变换：旋转（20度）；}#burst-8:before{内容：“”；位置：绝对；顶部：0；左：0；高度：80px；宽度：80px；背景：红色；-webkit变换：旋转（135度）；-moz变换：旋转（135度）；-ms变换：旋转（135度）；-o-变换：旋转（135deg）；变换：旋转（135度）；}19.钻石切割钻石{border-style:solid;border-color:transparent透明红色透明;边框宽度：025px25px25px；高度：0；宽度：50px；位置：相对；边距：20px050px0；}#cut-diamond:after{内容：“”；位置：绝对；顶部：25px；左：-25px；宽度：0；高度：0；边框样式：实心；边框颜色：红色t透明透明透明；边框宽度：70px50px050px；}20.八卦阴阳{width:96px;高度：48px；背景：#eee；边框颜色：红色；边框样式：实心；边框宽度：2px2px50px2px；边界半径：100%；位置：相对；}yin-yang:before{内容：“”；位置：绝对；顶部：50%；左：0；背景：#eee；边框：18px纯红色；边界半径：100%；宽度：12px；高度：12px；}yin-yang:after{content:"";位置：绝对；顶部：50%；左：50%；背景：红色；边框：18px实心#eee；边界半径：100%；宽度：12px；高度：12px；}
