几何图形椭圆的画法,椭圆形是几何图形吗
CSS3圆形
# css3-圆形{
宽度：150像素
高度：150像素
边界半径：50%;
背景色：# 232323;}
CSS3椭圆形
#css3-elipse{
宽度：200像素
高度：100像素
边界半径：50%;
背景色：# 232323;}
CSS3三角形
# css3-三角形{
宽度：0;
高度：0;
边框-左侧：100像素纯色透明；
右边框：100像素纯色透明；
边框-底部：150像素实心# 232323;}
CSS3平行四边形
# css3-平行四边形{
宽度：200像素
高度：100像素
背景：# 232323;
-WebKit-转换：倾斜(-45度);-moz-转换：歪斜(-45度);-o型转换：倾斜(-45度);
转换：倾斜(-45度);
}
CSS3梯形
# css3-梯形{
宽度：100像素
高度：0;
border-bottom:100px solid # 232323；
边框-左侧：50px纯色透明；
右边框：50px纯色透明；
}
CSS3六角星
# css3-六星级{
宽度：0;
高度：0;
位置：相对；
border-bottom:100px solid # 232323；
边框-左侧：50px纯色透明；
右边框：50px纯色透明；
} # css3-六星：在{
内容："";
宽度：0;
高度：0;
位置：绝对；
左：-50px；
top:35px；
border-top:100px solid # 232323；
边框-左侧：50px纯色透明；
右边框：50px纯色透明；
}
CSS3五角星
# css3-五星{
宽度：0px
高度：0px
边距：50px 0；
位置：相对；
显示：块；
颜色：# 232323;
右边框：100像素纯色透明；
边框-底部：70px实心# 232323;
边框-左侧：100像素纯色透明；-moz-转换：旋转(35度);-WebKit-转换：旋转(35度);-质谱转换：旋转(35度);-o型转换：旋转(35度);
} # css3-五星：之前{
边框-底部：80px实心# 232323;
边框-左侧：30px纯色透明；
右边框：30px纯色透明；
位置：绝对；
高度：0;
宽度：0;
顶：-45px；
左：-63px；
显示：块；
内容："";-WebKit-转换：旋转(-35度);-moz-转换：旋转(-35度);-质谱转换：旋转(-35度);-o型转换：旋转(-35度);
} # css3-五星：在{
位置：绝对；
显示：块；
颜色：# 232323;
top:3px；
左：-105 px；
宽度：0px
高度：0px
右边框：100像素纯色透明；
边框-底部：70px实心# 232323;
边框-左侧：100像素纯色透明；-WebKit-transform:旋转(-70度)；-moz-转换：旋转(-70度);-质谱转换：旋转(-70度);-o型转换：旋转(-70度);
内容："";
}
CSS3五边形
# css3-五边形{
位置：相对；
宽度：54px
边框宽度：50px 18px 0；
边框样式：纯色；
边框颜色：#232323透明；} # css3-五边形：之前{
内容："";
位置：绝对；
高度：0;
宽度：0;
顶：-85px；
左：-18px；
边框宽度：0 45px 35px
边框样式：纯色；
边框-颜色：透明透明# 232323;}
CSS3六边形
# css3-六角形{
宽度：100像素
高度：55像素
背景：# 232323;
位置：相对；
} # css3-六角形：之前{
内容："";
位置：绝对；
顶：-25px；
左：0;
宽度：0;
高度：0;
边框-左侧：50px纯色透明；
右边框：50px纯色透明；
边框-底部：25px纯色# 232323;} # css3-六角形：在{
内容："";
位置：绝对；
底部：-25px；
左：0;
宽度：0;
高度：0;
边框-左侧：50px纯色透明；
右边框：50px纯色透明；
边框顶部：25px纯色# 232323;}
CSS3心形
# css3-心形{
位置：相对；
宽度：100像素
高度：90px
}#css3-heart:before，#css3-heart:after{
位置：绝对；
内容："";
左：50px
top:0；
宽度：50px
高度：80px
背景：# 232323;
-moz-border-radius:50px 50px 0 0；
边框-半径：50px 50px 0 0-webkit-transform:旋转(-45度);-moz-转换：旋转(-45度);-质谱转换：旋转(-45度);-o型转换：旋转(-45度);
变换：旋转(-45度);-WebKit-transform-origin:0 100%；-moz-transform-origin:0 100%；-ms-transform-origin:0 100%；-o-transform-origin:0 100%；
变换原点：0 100%;
} # css3-心形：在{
左：0;-WebKit-转换：旋转(45度);-moz-转换：旋转(45度);-质谱转换：旋转(45度);-o型转换：旋转(45度);
变换：旋转(45度);-WebKit-transform-origin:100% 100%；-墨子-变换-缘起：100% 100%;-ms-transform-origin:100% 100%；-o-transform-origin:100% 100%；
变换-原点：100% 100%;
}
CSS3八卦
# css3-流言{
宽度：96px
高度：48px
背景：# f1f1f1
边框颜色：# 232323;
边框样式：纯色；
边框宽度：2px 2px 50px 2px
边框半径：100%;
位置：相对；
} # css3-流言：以前{
内容："";
位置：绝对；
top:50%；
左：0;
背景：# f1f1f1
边框：18px实心# 232323;
边框半径：100%;
宽度：12px
高度：12px
} # css3-流言：之后{
内容："";
位置：绝对；
top:50%；
左：50%;
背景：# 232323;
边框：18px纯色# f1f1f1
边框半径：100%;
宽度：12px
高度：12px
}
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。