css3三角形怎么写

1. 如何用CSS写一个三角形

1.可以用css3的border-radius属性来实现,支持ie9+

<div class="dm">

</div>

<div class="dm1">

</div>

<div class="dm2">

</div>

<div class="dm3">

</div>

<div class="dm4">

</div>

<div class="dm5">

</div>

<div class="dm6">

</div>

<div class="dm7">

</div>

<style>

.dm {

width: 0;

height: 0;

border-left: 50px solid transparent;

border-right: 50px solid transparent;

border-bottom: 100px solid #00897B;

}

.dm1{

width: 0;

height: 0;

border-left: 50px solid transparent;

border-right: 50px solid transparent;

border-top: 100px solid #00897B;margin-top: 20px;

}

.dm2{

width: 0;

height: 0;

border-top: 50px solid transparent;

border-right: 100px solid #00897B;

border-bottom: 50px solid transparent;margin-top: 20px;

}

.dm3{

width: 0;

height: 0;

border-top: 50px solid transparent;

border-left: 100px solid #00897B;

border-bottom: 50px solid transparent;margin-top: 20px;

}

.dm4{

width: 0;

height: 0;

border-top: 100px solid #00897B;

border-right: 100px solid transparent;margin-top: 20px;

}

.dm5{

width: 0;

height: 0;

border-top: 100px solid #00897B;

border-left: 100px solid transparent; margin-top: 20px;

}

.dm6{

width: 0;

height: 0;

border-bottom: 100px solid #00897B;

border-right: 100px solid transparent

}

.dm7{

width: 0;

height: 0;

border-bottom: 100px solid #00897B;

border-left: 100px solid transparent;

}

</style>

2. 怎么利用CSS3绘制三角形

1、新建一个html5网页,名称为index.html,在<body>;代码中写上四个div,分别是向上、向下、向左,向右四个三角形,代码如下:

<div class="triangle-up"> <;!--向上的三角--> </div>

<div class="triangle-down"> <;!--向下的三角--> </div>

<div class="triangle-left"> <;!--向左的三角--> </div>

<div class="triangle-right"> <;!--向右的三角--> </div>

2、然后新建一个css文件style.css,并在index.html中引入,引入代码:<link rel="stylesheet" type="text/css" href="style.css">

3、先做向上的三角形,这里有两种写法,大家可以参考下。在css文件中输入以下代码:

第一种: .triangle-up {

width:0;

height:0;

border-left:30px solid transparent;

border-right:30px solid transparent;

border-bottom:30px solid #fff;

}

第二种:.triangle-up {

width:0;

height:0;

border:30px solid transparent;

border-bottom-color:#fff;

}

4、接下来写向下的三角形,继续在css文件中输入以下代码:

.triangle-down {

width:0;

height:0;

border-left:20px solid transparent;

border-right:20px solid transparent;

border-top:20px solid #0066cc;

}

5、然后是向左的三角形,代码为:

.triangle-left {

width:0;

height:0;

border-top:30px solid transparent;

border-bottom:30px solid transparent;

border-right:30px solid yellow;

}

6、最后是向右的三角形,代码为:

.triangle-right {

width:0;

height:0;

border-top:50px solid transparent;

border-bottom: 50px solid transparent;

border-left: 50px solid green;

}

3. 如何用css3绘制有边框的三角形

如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要用到其他办法。

最容易想到的,是叠加层。思路是将两个三角形叠加在一起,外层三角形稍大一些,颜色设置成边框所需的颜色;内层三角形绝对定位在里面。

整体就能形成带边框三角形的假象。 这里就涉及到一个绝对定位的问题,上、下、左、右四种方向的三角形相对于父级定位是不同的。

首先我们来看下,当定位都为0(left:0px; top:0px;)时,会发生什么。 HTML: <!-- 向上的三角形 --> <!-- 向下的三角形 --> <!-- 向左的三角形 --> <!-- 向右的三角形 --> CSS: /*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_up span{ display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:0px; left:0px; } /*向下*/ .triangle_border_down{ width:0; height:0; border-width:30px 30px 0; border-style:solid; border-color:#333 transparent transparent;/*灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_down span{ display:block; width:0; height:0; border-width:28px 28px 0; border-style:solid; border-color:#fc0 transparent transparent;/*黄 透明 透明 */ position:absolute; top:0px; left:0px; } /*向左*/ .triangle_border_left{ width:0; height:0; border-width:30px 30px 30px 0; border-style:solid; border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_left span{ display:block; width:0; height:0; border-width:28px 28px 28px 0; border-style:solid; border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */ position:absolute; top:0px; left:0px; } /*向右*/ .triangle_border_right{ width:0; height:0; border-width:30px 0 30px 30px; border-style:solid; border-color:transparent transparent transparent #333;/*透明 透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_right span{ display:block; width:0; height:0; border-width:28px 0 28px 28px; border-style:solid; border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/ position:absolute; top:0px; left:0px; } 效果如图: 为什么不是我们预想的如下图的样子呢 原因是,我们看到的三角形是边,而不是真的具有内容的区域,请回忆下CSS的盒子模型的内容。

绝对定位(position:absolute),是根据相对定位父层内容的边界计算的。 再结合上篇我们最开始写的宽高为0的空div: 这个空的div,content的位置在中心,所以内部三角形是根据中心这个点来定位的。

为了看清楚一些,我们使用上一次的方法,给span增加一个阴影: 1 box-shadow:0 0 2px rgba(0,0,0,1); 效果如图: 这回我们明确的知道了,内部的三角形都是根据外部三角形实际内容的点来定位的,而非我们肉眼看到的三角形的边界定位。 HTML不变,CSS: /*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_up span{ display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:1px; left:-28px; } /*向下*/ .triangle_border_down{ width:0; height:0; border-width:30px 30px 0; border-style:solid; border-color:#333 transparent transparent;/*灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_down span{ display:block; width:0; height:0; border-width:28px 28px 0; border-style:solid; border-color:#fc0 transparent transparent;/*黄 透明 透明 */ position:absolute; top:-29px; left:-28px; } /*向左*/ .triangle_border_left{ width:0; height:0; border-width:30px 30px 30px 0; border-style:solid; border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_left span{ display:block; width:0; height:0; border-width:28px 28px 28px 0; border-style:solid; border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */ position:absolute; top:-28px; left:1px; } /*向右*/ .triangle_border_right{ width:0; height:0; border-width:30px 0 30px 30px; border-style:solid; border-color:transparent transparent transparent #333;/*透明 透。

4. 如何用css3画一个有边框的三角形

如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要用到其他办法。

最容易想到的,是叠加层。思路是将两个三角形叠加在一起,外层三角形稍大一些,颜色设置成边框所需的颜色;内层三角形绝对定位在里面。

整体就能形成带边框三角形的假象。 这里就涉及到一个绝对定位的问题,上、下、左、右四种方向的三角形相对于父级定位是不同的。

首先我们来看下,当定位都为0(left:0px; top:0px;)时,会发生什么。 HTML: <!-- 向上的三角形 --> <!-- 向下的三角形 --> <!-- 向左的三角形 --> <!-- 向右的三角形 --> CSS: /*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明e799bee5baa6e58685e5aeb931333361326333 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_up span{ display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:0px; left:0px; } /*向下*/ .triangle_border_down{ width:0; height:0; border-width:30px 30px 0; border-style:solid; border-color:#333 transparent transparent;/*灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_down span{ display:block; width:0; height:0; border-width:28px 28px 0; border-style:solid; border-color:#fc0 transparent transparent;/*黄 透明 透明 */ position:absolute; top:0px; left:0px; } /*向左*/ .triangle_border_left{ width:0; height:0; border-width:30px 30px 30px 0; border-style:solid; border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_left span{ display:block; width:0; height:0; border-width:28px 28px 28px 0; border-style:solid; border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */ position:absolute; top:0px; left:0px; } /*向右*/ .triangle_border_right{ width:0; height:0; border-width:30px 0 30px 30px; border-style:solid; border-color:transparent transparent transparent #333;/*透明 透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_right span{ display:block; width:0; height:0; border-width:28px 0 28px 28px; border-style:solid; border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/ position:absolute; top:0px; left:0px; } 效果如图: 为什么不是我们预想的如下图的样子呢 原因是,我们看到的三角形是边,而不是真的具有内容的区域,请回忆下CSS的盒子模型的内容。

绝对定位(position:absolute),是根据相对定位父层内容的边界计算的。 再结合上篇我们最开始写的宽高为0的空div: 这个空的div,content的位置在中心,所以内部三角形是根据中心这个点来定位的。

为了看清楚一些,我们使用上一次的方法,给span增加一个阴影: 1 box-shadow:0 0 2px rgba(0,0,0,1); 效果如图: 这回我们明确的知道了,内部的三角形都是根据外部三角形实际内容的点来定位的,而非我们肉眼看到的三角形的边界定位。 HTML不变,CSS: /*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_up span{ display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:1px; left:-28px; } /*向下*/ .triangle_border_down{ width:0; height:0; border-width:30px 30px 0; border-style:solid; border-color:#333 transparent transparent;/*灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_down span{ display:block; width:0; height:0; border-width:28px 28px 0; border-style:solid; border-color:#fc0 transparent transparent;/*黄 透明 透明 */ position:absolute; top:-29px; left:-28px; } /*向左*/ .triangle_border_left{ width:0; height:0; border-width:30px 30px 30px 0; border-style:solid; border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_left span{ display:block; width:0; height:0; border-width:28px 28px 28px 0; border-style:solid; border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */ position:absolute; top:-28px; left:1px; } /*向右*/ .triangle_border_right{ width:0; height:0; border-width:30px 。

5. 如何用css3绘制有边框的三角形

如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要用到其他办法。

最容易想到的,是叠加层。思路是将两个三角形叠加在一起,外层三角形稍大一些,颜色设置成边框所需的颜色;内层三角形绝对定位在里面。

整体就能形成带边框三角形的假象。 这里就涉及到一个绝对定位的问题,上、下、左、右四种方向的三角形相对于父级定位是不同的。

首先我们来看下,当定位都为0(left:0px; top:0px;)时,会发生什么。 HTML: CSS: /*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_up span{ display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:0px; left:0px; } /*向下*/ .triangle_border_down{ width:0; height:0; border-width:30px 30px 0; border-style:solid; border-color:#333 transparent transparent;/*灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_down span{ display:block; width:0; height:0; border-width:28px 28px 0; border-style:solid; border-color:#fc0 transparent transparent;/*黄 透明 透明 */ position:absolute; top:0px; left:0px; } /*向左*/ .triangle_border_left{ width:0; height:0; border-width:30px 30px 30px 0; border-style:solid; border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_left span{ display:block; width:0; height:0; border-width:28px 28px 28px 0; border-style:solid; border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */ position:absolute; top:0px; left:0px; } /*向右*/ .triangle_border_right{ width:0; height:0; border-width:30px 0 30px 30px; border-style:solid; border-color:transparent transparent transparent #333;/*透明 透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_right span{ display:block; width:0; height:0; border-width:28px 0 28px 28px; border-style:solid; border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/ position:absolute; top:0px; left:0px; } 效果如图: 为什么不是我们预想的如下图的样子呢 原因是,我们看到的三角形是边,而不是真的具有内容的区域,请回忆下CSS的盒子模型的内容。

绝对定位(position:absolute),是根据相对定位父层内容的边界计算的。 再结合上篇我们最开始写的宽高为0的空div: 这个空的div,content的位置在中心,所以内部三角形是根据中心这个点来定位的。

为了看清楚一些,我们使用上一次的方法,给span增加一个阴影: 1 box-shadow:0 0 2px rgba(0,0,0,1); 效果如图: 这回我们明确的知道了,内部的三角形都是根据外部三角形实际内容的点来定位的,而非我们肉眼看到的三角形的边界定位。 HTML不变,CSS: /*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_up span{ display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:1px; left:-28px; } /*向下*/ .triangle_border_down{ width:0; height:0; border-width:30px 30px 0; border-style:solid; border-color:#333 transparent transparent;/*灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_down span{ display:block; width:0; height:0; border-width:28px 28px 0; border-style:solid; border-color:#fc0 transparent transparent;/*黄 透明 透明 */ position:absolute; top:-29px; left:-28px; } /*向左*/ .triangle_border_left{ width:0; height:0; border-width:30px 30px 30px 0; border-style:solid; border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */ margin:40px auto; position:relative; } .triangle_border_left span{ display:block; width:0; height:0; border-width:28px 28px 28px 0; border-style:solid; border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */ position:absolute; top:-28px; left:1px; } /*向右*/ .triangle_border_right{ width:0; height:0; border-width:30px 0 30px 30px; border-style:solid; border-color:transparent transparent transparent #333;/*透明 透明 透明 灰*/ margin:40px auto; position:relative; } .triangle_border_right span{ display:block; width:0; height:0; border-width:28px 0 28px 28px; border-style:solid; border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/ position:absolute; top:-28px; left:-29px; 效果如图: 进一步来写气泡框的三角形,如图所。

转载请注明出处育才学习网 » css3三角形怎么写

知识

情字笔顺怎么写的

阅读(167)

本文主要为您介绍情字笔顺怎么写的,内容包括情字的笔顺笔画怎么写,情字笔顺怎么写,情字的笔顺怎么写。【情】的拼音:[qíng] 笔画数:11 部首:忄笔顺、笔画:点、点、竖、横、横、竖、横、竖、横折钩、横、横、基本释义:1.外界事物所引

知识

有人吗韩文怎么写

阅读(167)

本文主要为您介绍有人吗韩文怎么写,内容包括“有人在吗”用韩文怎么写,“有人在吗”用韩文怎么写,有人吗,用韩文怎么写。刘春晖 유춘휘 读音:you cun hv “由寸虎以(虎以快点念,发成一个音)” 付禹铭 부우명 读音:bu wu miang“不悟米

知识

安全空心字怎么写

阅读(310)

本文主要为您介绍安全空心字怎么写,内容包括安全记心中的空心字怎么写比较好看,安全空心字怎么写,安全空心字怎么写。

知识

忧字的草书怎么写

阅读(164)

本文主要为您介绍忧字的草书怎么写,内容包括行书优字怎么写,敏的字,草书写法,愁字草书怎么写。1)【敏】字草书的几种写法【敏】字的方正字迹-邢体草书简体写法【敏】字的钟齐流江硬笔草体写法 【敏】字的金梅毛草书写法2)草书有章草、今

知识

浙组词怎么写的

阅读(143)

本文主要为您介绍浙组词怎么写的,内容包括浙的拼音和组词怎么写,浙怎么组词呢,浙字怎么组词。浙 Zhè〈名〉形声。从水,折声。本义:水名。浙江,即钱塘江。水名。即今钱塘江,上游为新安江。浙,江水东至会稽山阴为 浙江。《说文》。按

知识

离婚探望权怎么写

阅读(179)

本文主要为您介绍离婚探望权怎么写,内容包括离婚协议女方探视权怎么写,探望权协议怎么写,离婚探望权怎么写ww。【婚姻法】第三十八条:离婚后,不直接抚养子女的父或母,有探望子女的权利,另一方有协助的义务。行使探望权利的方式、时间由当事人协

知识

怎么扩写故事

阅读(195)

本文主要为您介绍怎么扩写故事,内容包括怎么扩写故事,怎样续写故事,童话故事续写。按照下面故事的开头,展开合理的想象,把故事写完整。小猴病了太阳快要下山了,小猴捧着一个大西瓜,从姥姥家回来了。因为天气闷热,走到半路,小

知识

pythonifelse语句怎么写

阅读(184)

本文主要为您介绍pythonifelse语句怎么写,内容包括以下代码怎么用python的ifelse语句改写,python编程for循环中ifelse怎么写,以下代码怎么用python的ifelse语句改写。python里不能用括号来表示语句块,也不能用开始/结束标志符来表示,而是靠缩

知识

床的笔画顺序怎么写的

阅读(170)

本文主要为您介绍床的笔画顺序怎么写的,内容包括床的笔画顺序怎么写的,床的笔顺笔画顺序,床的笔顺怎么写。床笔顺:捺横撇横竖撇捺基本信息:拼音:chuáng 部首:广、四角码:00294、仓颉:id 86五笔:ysi、98五笔:osi、郑码:

知识

简历怎么写没工作经验

阅读(167)

本文主要为您介绍简历怎么写没工作经验,内容包括没工作经验怎么写简历,没工作经验怎么写简历,没有工作经验怎么写简历。正好我目前在参与面试一些应聘的人员.我下面就写一下自己的看法.1.诚实是第一位的.其实面试官还是能看出来你是否在说

知识

冲字田字格怎么写

阅读(174)

本文主要为您介绍冲字田字格怎么写,内容包括冲字在田字格的格式,对字在田字格中怎么写,叫字田字格怎么写。对字在田字格中的写法如下图:

知识

公交车单词怎么写

阅读(244)

本文主要为您介绍公交车单词怎么写,内容包括公共汽车英语单词怎么写,坐公交车单词怎么写,公交车的英文怎么写。公共汽车英语单词:bus音标:英 [bʌs] 美 [bʌs]n. 公共汽车n. 总线;信息通路vt. 用公共汽车运输vi. 乘公共汽车词

知识

打工英语怎么写

阅读(159)

本文主要为您介绍打工英语怎么写,内容包括打工的英文怎么写,关于打工经历英语作文,“打工”的英语怎样表达。During my summer holiday in 2013, I found a part-time job as a clean

知识

试用活动名称怎么写

阅读(204)

本文主要为您介绍试用活动名称怎么写,内容包括暑假社会实践活动表怎么填活动名称,活动名称怎么写,社会实践活动怎么写活动名称,活动时间,活动地点,活动参与者,。一.活动背景1 基本情况:寒假期间青协志愿者成员慰问天津SOS儿童村的小朋友2 主

知识

英语三角形怎么写

阅读(376)

本文主要为您介绍英语三角形怎么写,内容包括三角形的英语怎么写,三角形的英语单词怎么写,三角形、圆形、长方形、正方形的英文怎么写。三角形的英语:triangletriangle 读法 英 [traɪæŋg(ə)l] 美 [traɪæŋɡl] n. 三角(形);三角关

知识

css3怎么写

阅读(174)

本文主要为您介绍css3怎么写,内容包括这种效果用css3怎么写,html5/css3怎么写以下这种效果,最好有详细代码,给高分,css3怎么写描边。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="

知识

三角形的角怎么写

阅读(433)

本文主要为您介绍三角形的角怎么写,内容包括三角的角怎么写,三角形的角是如何用字母表示的,三角形角角边怎么作(图片,。两角和公式sin(A+B)=sinAcosB+cosAsinB sin(A-B)=sinAcosB-sinBcosAcos(A+B)=c

知识

三角形用英语怎么写

阅读(181)

本文主要为您介绍三角形用英语怎么写,内容包括三角形的英语怎么写,三角形用英语怎么说,三角形用英语怎么写。三角形的英语:triangletriangle 读法 英 [traɪæŋg(ə)l] 美 [traɪæŋɡl] n. 三角(形);三角关

知识

三角形怎么写

阅读(261)

本文主要为您介绍三角形怎么写,内容包括三角形的底怎么写,三角形的高怎么写,四年级下数学作业本三角形的不知道怎么写急急急就是那两个示意。如图所示:角平分线:过三角形内任意一点的顶点画一条弧线,会与如图BH,FH两边有两个交点,再以E,F为顶点

知识

行测资料分析的三角形图怎么看

阅读(338)

行测资料分析三角形图的方法如下:1.首先,找顶点,再找对边,做平行线后,读取正确的读数;2.A代表外出旅游,B代表上网,C代表朋友聚会,D看书休闲,E代表和父母一起逛公园;3.例如需要确定儿童和父母一起逛公园的比重,首先需要找顶点,由关键词儿童得知,顶点为C

知识

三角形红底中间一个白色停字是什么标志

阅读(404)

此标志是“停车让行”标志。是一种交通禁令标志,通常是八角形中间加“停”,有时是三角形中间加一个白色'停‘字。其含义是:在交叉口时需要在停车线前停车,经过观望后再行驶。经常出现在交通流量较大的干路平交的支路路口、无人看守的铁路道

知识

在圆内随机画一个内接三角形是锐角三角形的概率是多少

阅读(299)

在圆内随机画一个内接三角形是锐角三角形的概率是四分之一。介绍如下:1.设三角形的三个端点分别为A,B,C,三角形一个点A是固定的,圆心为O。2.连接AO,并延长交圆于D,AD为直径,分圆为两半,三角形另两顶点为B和C。3.当A,C两点在AD一边时三角形ABC非锐角

[/e:loop]