二.认识图形_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
<span class="g-ico g-ico-star g-ico-star-on" style="width:%">
<span class="g-ico g-ico-star g-ico-star-on" style="width:%">
<span class="g-ico g-ico-star g-ico-star-on" style="width:%">
二.认识图形
上传于||暂无简介
阅读已结束，如果下载本文需要使用5下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩10页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢在图1画一条线分成两个平行四边形，在图2画一条线分成两个三角形，在图3画一条线分成一个长方形和一个三角形。在图4画一条线分成一个长方形和一个正方形。在图5画一条线分成一个平行四边形和一个三角形。
9、 将两个边长为5cm的正方形拼成一个长方形，这个长方形的长是（）cm，宽是（）cm。
二、判断题
1、角的两边越长，这个角就越大。（）
2、老师的三角板上的直角比同学的三角板上的直角大。（）
3、因为一张长方形纸有4个角，所...在图5画一条线分成一个平行四边形和一个三角形的相关内容日期：怎样养育一个聪明宝宝 据专业人士统计分析，高智商孩子的出现大多有以下条件为基础： 1、远血缘通婚的孩子 有资料显示，父母均是本地人的孩子平均智商为102.45，父母是同省异地者平均智商106.17，而异省婚配所生子女的智商则高达109.35。提示异地通婚可提高下一代的智商水平日期：幸福的家庭是都有一个好爸爸 托尔斯泰说过，“幸福的家庭是相似的，不幸的家庭各有各的不幸。”我们在这里借用一下这句话，我要说，对于我们这些沉醉于孕育下一代的家庭而言，“幸福的家庭是相似的，因为都有一个好爸爸”。 我的工作单位一共才15个人，大多是岁数相仿的年轻日期：培养一个合群的小宝宝 从小培养孩子平和地与人相处和体贴别人的情操，是父母送给孩子这一生最佳的瑰宝。 情商(eq)发展始于出生一刻 多年前，在一场幼教研习会中，曾经观赏了一盘录像带，其中...日期：如何才能做一个幸福的准妈咪 如何才能做一个幸福的准妈咪？提前一段时间让自己的身体、心理以及生活环境、生活方式、膳食营养等都有一个相应的改进，才能顺利进入准妈咪角色&#8212;&#8212; 做好适度的心理调整 心理暗示：我马上就要怀孕啦，我要做一个心情愉快的妈妈，遇到日期：怎样养育一个聪明宝宝 据专业人士统计分析，高智商孩子的出现大多有以下条件为基础： 1、远血缘通婚的孩子 有资料显示，父母均是本地人的孩子平均智商为102.45，父母是同省异地者平均智商106.17，而异省婚配所生子女的智商则高达109.35。提示异地通婚可提高下一代的智商水平日期：幸福的家庭是都有一个好爸爸 托尔斯泰说过，“幸福的家庭是相似的，不幸的家庭各有各的不幸。”我们在这里借用一下这句话，我要说，对于我们这些沉醉于孕育下一代的家庭而言，“幸福的家...日期：怀孕前一个月 ◇这个月你应该调整一下你的梳妆台，把美容品、化妆品暂时放在一边，留下护肤品。因为孕妇原则上只护肤不美容。 ◇你的护肤品应选择知名品牌，以防皮肤过敏对胎儿造成伤害。 ◇电视、音响、电脑、微波炉...
&最新内容- - - - - - - - - - - -
&&热点推荐
精品专题- 　- 　- - 　- 　- - 　- 　- - 　- 　- - 　- 　- - 　- 　- - 　- 　- - 　- 　- - 　- 　-
英语学习- - 　- 　- - 　- 　- - 　- 　- - - 　- 　- - 　- 　- - 　- 　- - - 　- 　-
数学学习- 　- - -
　- - - - - - - -画一条高，把平行四边形分成一个三角形和一个梯形．
根据题干分析画图如下：
为您推荐：
扫描下载二维码纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
作者：佚名
字体：[ ] 来源：互联网 时间：01-21 20:10:33
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼，推荐给你的朋友吧。
最终效果：&
&CSS代码如下：
代码如下: #square { width: 100 height: 100 background: }
最终效果：&
&CSS代码如下：
代码如下: #rectangle { width: 200 height: 100 background: }
最终效果：&
&CSS代码如下：
代码如下: #circle { width: 100 height: 100 background: -moz-border-radius: 50 -webkit-border-radius: 50 border-radius: 50 }
最终效果：&
&CSS代码如下：
代码如下: #oval { width: 200 height: 100 background: -moz-border-radius: 100px / 50 -webkit-border-radius: 100px / 50 border-radius: 100px / 50 }
最终效果：
CSS代码如下：
代码如下: #triangle-up { width: 0; height: 0; border-left: 50 border-right: 50 border-bottom: 100 }
最终效果：&
&CSS代码如下：
代码如下: #triangle-down { width: 0; height: 0; border-left: 50 border-right: 50 border-top: 100 }
最终效果：&
&CSS代码如下：
代码如下: #triangle-left { width: 0; height: 0; border-top: 50 border-right: 100 border-bottom: 50 }
最终效果：&
&CSS代码如下：
代码如下: #triangle-right { width: 0; height: 0; border-top: 50 border-left: 100 border-bottom: 50 }
9、左上三角
最终效果：&
&CSS代码如下：
代码如下: #triangle-topleft { width: 0; height: 0; border-top: 100 border-right: 100 }
10、右上三角
最终效果：&
&CSS代码如下：
代码如下: #triangle-topright { width: 0; height: 0; border-top: 100 border-left: 100 }
11、左下三角
最终效果：&
&CSS代码如下：
代码如下: #triangle-bottomleft { width: 0; height: 0; border-bottom: 100 border-right: 100 }
12、右下三角
最终效果：&
&CSS代码如下：
代码如下: #triangle-bottomright { width: 0; height: 0; border-bottom: 100 border-left: 100 }
13、平行四边形
最终效果：&
&CSS代码如下：
代码如下: #parallelogram { width: 150 height: 100 margin-left:20 -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: }
最终效果：&
&CSS代码如下：
代码如下: #trapezoid { border-bottom: 100 border-left: 50 border-right: 50 height: 0; width: 100 }
15、六角星
最终效果：&
&CSS代码如下：
代码如下: #star-six { width: 0; height: 0; border-left: 50 border-right: 50 border-bottom: 100 position: } #star-six:after { width: 0; height: 0; border-left: 50 border-right: 50 border-top: 100 position: content: ""; top: 30 left: -50 }
16、五角星
最终效果：&
&CSS代码如下：
代码如下: #star-five { margin: 50px 0; position: display: color: width: 0 height: 0 border-right: 100 border-bottom: 70 border-left: 100 -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); } #star-five:before { border-bottom: 80 border-left: 30 border-right: 30 position: height: 0; width: 0; top: -45 left: -65 display: content: ''; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); } #star-five:after { position: display: color: top: 3 left: -105 width: 0 height: 0 border-right: 100 border-bottom: 70 border-left: 100 -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); content: ''; }
17、五角大楼
最终效果：
&CSS代码如下：
代码如下: #pentagon { position: width: 54 border-width: 50px 18px 0; border-style: border-color: } #pentagon:before { content: ""; position: height: 0; width: 0; top: -85 left: -18 border-width: 0 45px 35 border-style: border-color: transpa }
18、六边形
最终效果：
&CSS代码如下：
代码如下: #hexagon { width: 100 height: 55 background: position: } #hexagon:before { content: ""; position: top: -25 left: 0; width: 0; height: 0; border-left: 50 border-right: 50 border-bottom: 25 } #hexagon:after { content: ""; position: bottom: -25 left: 0; width: 0; height: 0; border-left: 50 border-right: 50 border-top: 25 }
19、八角形
最终效果：&
&CSS代码如下：
代码如下: #octagon { width: 100 height: 100 background: position: } #octagon:before { content: ""; position: top: 0; left: 0; border-bottom: 29 border-left: 29px solid # border-right: 29px solid # width: 42 height: 0; } #octagon:after { content: ""; position: bottom: 0; left: 0; border-top: 29 border-left: 29px solid # border-right: 29px solid # width: 42 height: 0; }
最终效果：&
&CSS代码如下：
代码如下: #heart { position: width: 100 height: 90 } #heart:before, #heart:after { position: content: ""; left: 50 top: 0; width: 50 height: 80 background: -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
21、无穷大符号
最终效果：
CSS代码如下：
代码如下: #infinity { position: width: 212 height: 100 } #infinity:before, #infinity:after { content: ""; position: top: 0; left: 0; width: 60 height: 60 border: 20 -moz-border-radius: 50px 50px 0 50 border-radius: 50px 50px 0 50 -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #infinity:after { left: right: 0; -moz-border-radius: 50px 50px 50px 0; border-radius: 50px 50px 50px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
&CSS代码如下：
代码如下: #egg { display: width: 126 height: 180 background-color: -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72 border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; }
23、食逗人（Pac-Man）
最终效果：&
&CSS代码如下：
代码如下: #pacman { width: 0 height: 0 border-right: 60 border-top: 60 border-left: 60 border-bottom: 60 border-top-left-radius: 60 border-top-right-radius: 60 border-bottom-left-radius: 60 border-bottom-right-radius: 60 }
24、提示对话框
最终效果：
CSS代码如下：
代码如下: #talkbubble { width: 120 height: 80 background: position: -moz-border-radius: 10 -webkit-border-radius: 10 border-radius: 10 } #talkbubble:before { content:""; position: right: 100%; top: 26 width: 0; height: 0; border-top: 13 border-right: 26 border-bottom: 13 }
25、12角星
最终效果：&
&CSS代码如下：
代码如下: #burst-12 { background: width: 80 height: 80 position: text-align: } #burst-12:before, #burst-12:after { content: ""; position: top: 0; left: 0; height: 80 width: 80 background: } #burst-12:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } #burst-12:after { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); }
最终效果：&
&CSS代码如下：
代码如下: #burst-8 { background: width: 80 height: 80 position: text-align: -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20eg); transform: rotate(20deg); } #burst-8:before { content: ""; position: top: 0; left: 0; height: 80 width: 80 background: -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
最终效果：&
&CSS代码如下：
代码如下: #cut-diamond { border-style: border-color: transparent transpa border-width: 0 25px 25px 25 height: 0; width: 50 position: margin: 20px 0 50px 0; } #cut-diamond:after { content: ""; position: top: 25 left: -25 width: 0; height: 0; border-style: border-color: red transparent tra border-width: 70px 50px 0 50 }
28、阴阳八卦（霸气的这个）
CSS代码如下：
代码如下: #yin-yang { width: 96 height: 48 background: # border-color: border-style: border-width: 2px 2px 50px 2 border-radius: 100%; position: } #yin-yang:before { content: ""; position: top: 50%; left: 0; background: # border: 18 border-radius: 100%; width: 12 height: 12 } #yin-yang:after { content: ""; position: top: 50%; left: 50%; background: border: 18px solid # border-radius:100%; width: 12 height: 12 }
好了，就到这里了，一共28个，个人觉得后面几个比较犀利。这些代码的来源是css-tricks。由青藤屋博客整理，转载请保留原文链接：/ivy/archive//css-shape.html
大家感兴趣的内容
12345678910
最近更新的内容}