CSS3圓形
＃css3-circle {
寬度：150px;
身高：150px;
邊界拉迪烏斯：50％；
背景色：＃232323;}
CSS3橢圓形
＃css3- elipse {
寬度：200px;
身高：100px;
邊界拉迪烏斯：50％；
背景色：＃232323;}
CSS3三角形
＃css3-triangle {
寬度：0;
身高：0;
邊界左：100px實心透明；
邊界權利：100px實心透明；
邊界底：150px實心＃232323;}
CSS3平行四邊形
＃css3-並行圖{
寬度：200px;
身高：100px;
背景：＃232323;
-webkit-transform：Skew（-45deg）; - Moz-Transform：Skew（-45deg）; - O-Transform：Skew（-45deg）;
變換：偏斜（-45DEG）;
}
CSS3梯形
＃css3-trapezoid {
寬度：100px;
身高：0;
邊界底：100px實心＃232323;
邊界左：50px實心透明；
邊界權利：50px實心透明；
}
CSS3六角星
＃CSS3-SIX-Star {
寬度：0;
身高：0;
位置：相對；
邊界底：100px實心＃232323;
邊界左：50px實心透明；
邊界權利：50px實心透明；
}＃css3-six-star：之後{
內容： ;
寬度：0;
身高：0;
位置：絕對；
左：-50px;
頂部：35px;
邊界頂：100px實心＃232323;
邊界左：50px實心透明；
邊界權利：50px實心透明；
}
CSS3五角星
＃css3-five-star {
寬度：0px;
身高：0px;
保證金：50px 0;
位置：相對；
顯示：塊;
顏色：＃232323;
邊界權利：100px實心透明；
邊界底：70px實心＃232323;
邊界左：100px實心透明; -moz-Transform：旋轉（35DEG）; - WebKit-Transform：旋轉（35DEG）; - MS-TRANSFORM：旋轉：旋轉（35DEG）; - O-Transform：o-Transform：rotate（ 35維（35維）;
}＃css3-five-star：{
邊界底：80px實心＃232323 ;;
邊界左：30px實心透明；
邊界權利：30px實心透明；
位置：絕對；
身高：0;
寬度：0;
頂部：-45px;
左：-63px;
顯示：塊;
內容：''; -webkit-transform：旋轉（-35deg）; - moz-transform：旋轉（-35deg）; - ms-transform：rotate：rotate（-35deg）; - o-transform：rotate：rotate（- 35deg）;
}＃css3-five-star：之後{
位置：絕對；
顯示：塊;
顏色：＃232323;
頂部：3px;
左：-105px;
寬度：0px;
身高：0px;
邊界權利：100px實心透明；
邊界底：70px實心＃232323;
邊界左：100px實心透明; -webkit-transform：旋轉（-70deg）; - moz-transform：旋轉（-70deg）; - ms-transform：rotate：rotate（-70deg）; - o-o-transform：rotate：rotate （-70deg） ）；
內容： '';
}
CSS3五邊形
＃css3-pentagon {
位置：相對；
寬度：54px;
邊緣寬度：50px 18px 0;
邊界風格：固體；
邊界色：＃232323透明;}＃css3-pentagon：{
內容： ;
位置：絕對；
身高：0;
寬度：0;
頂部：-85px;
左：-18px;
邊緣寬度：0 45px 35px;
邊界風格：固體；
邊界色：透明透明＃232323;}
CSS3六邊形
＃css3-hexagon {
寬度：100px;
身高：55px;
背景：＃232323;
位置：相對；
}＃css3-hexagon：{
內容： ;
位置：絕對；
頂部：-25px;
左：0;
寬度：0;
身高：0;
邊界左：50px實心透明；
邊界權利：50px實心透明；
邊界底：25px實心＃232323; }＃css3-hexagon：{之後{
內容： ;
位置：絕對；
底部：-25px;
左：0;
寬度：0;
身高：0;
邊界左：50px實心透明；
邊界權利：50px實心透明；
邊界頂：25px實心＃232323; }
CSS3心形
＃css3-heart {
位置：相對；
寬度：100px;
身高：90px;
}＃css3-heart：之前，＃css3-heart：{之後{
位置：絕對；
內容： ;
左：50px;
頂部：0;
寬度：50px;
身高：80px;
背景：＃232323;
-moz-border-radius：50px 50px 0 0;
Border-Radius：50px 50px 0 0; -webkit-transform：旋轉（-45DEG）; - moz-transform：旋轉（-45DEG）; - ms-transform：rotate：rotate（-45deg）; - o-o-transform：rotate ：rotate：rotate（- 45DEG）;
變換：旋轉（-45DEG）; - WebKit-Transform-Origin：0 100％; -Moz-Moz-Transform-Origin：0 100％; - MS-Transform-Origin：0 100％; - O-Transform-Origin： 0 100 100 ％;
轉化原始：0 100％；
}＃css3-heart：{之後{
左：0; -webkit-transform：旋轉（45DEG）; - moz-transform：旋轉（45DEG）; - ms-transform：旋轉（45DEG）; - o-o-transform：旋轉：旋轉（45DEG）;
變換：旋轉（45DEG）; - Webkit-transform-Origin：100％100％; -Moz-Moz-Transform-Origin：100％100％; - MS-Transform-Origin：100％100％100％; - O-O- Transform-Origin： 100％100％；
轉化原始：100％100％；
}
CSS3八卦
＃css3-gossip {
寬度：96px;
身高：48px;
背景：＃f1f1f1;
邊界色：＃232323;
邊界風格：固體；
邊緣寬度：2PX 2PX 50PX 2PX;
邊界拉迪烏斯：100％；
位置：相對；
}＃css3-gossip：{
內容： ;
位置：絕對；
頂部：50％；
左：0;
背景：＃f1f1f1;
邊界：18px實心＃232323;
邊界拉迪烏斯：100％；
寬度：12px;
身高：12px;
}＃css3-gossip：{之後{
內容： ;
位置：絕對；
頂部：50％；
左：50％；
背景：＃232323;
邊界：18px實心＃f1f1f1;
邊界拉迪烏斯：100％；
寬度：12px;
身高：12px;
}