html如何画三角形(div绘制三角形)

html如何画三角形,div绘制三角形

内容导航：

div 怎么画出 直角三角形

怎样用html或css制作三角形

AutoCAD怎么画三角形

html三角形怎么做

一、div 怎么画出 直角三角形

div画出 直角三角形方法如下：单独的 div 不能画出三角形，需要配合css 或 javascript，下例是div+css做出的效果。 #test1 {
width:0; height:0; border-width:100px 100px 0 100px; border-style:solid;
border-color:green transparent blue transparent; } #test2 { width:0; height:0;
border-width:50px 50px 50px 50px; border-style:solid; border-color:transparent
transparent green green; } #test3 { width:0; height:0; border-width:100px 50px
100px 50px; border-style:solid; border-color:transparent transparent green
green; }

二、怎样用html或css制作三角形

希望可以帮到楼主，下面是实现的代码：#triangle-up {width: 0;height: 0;border-left: 50px solid
transparent;border-right: 50px solid transparent;border-bottom: 100px solid
red;}HTML代码：

纯手打，不容易，望采纳；只设置border三个方向的值，另一个方向就会汇聚成一个点，就出现三角形了，希望对你有帮助，望采纳！#triangle-left {
width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px
solid red; border-bottom: 50px solid transparent;}下面是个示例：设圆形为x 三角形为y
由条件可得x+4y=222x=3y解方程得x=6 y=4圆形=6 三角形=4

.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;}

三、AutoCAD怎么画三角形

答：命令:PLPLINE指定起点:当前线宽为0.0000指定下一个点或[圆弧(A)/半宽(H)/长度(L)/放弃(U)/宽度(W)]:指定下一点或[圆弧(A)/闭合(C)/半宽(H)/长度(L)/放弃(U)/宽度(W)]:指定下一点或[圆弧(A)/闭合(C)/半宽(H)/长度(L)/放弃(U)/宽度(W)]:指定下一点或[圆弧(A)/闭合(C)/半宽(H)/长度(L)/放弃(U)/宽度(W)]:C

三角形命令:REGREGION选择对象:找到1个选择对象:已提取1个环.已创建1个面域.命令:命令:命令:_extrude当前线框密度:ISOLINES=4选择要拉伸的对象:找到1个选择要拉伸的对象:指定拉伸的高度或[方向(D)/路径(P)/倾斜角(T)]:T指定拉伸的倾斜角度:60指定拉伸的高度或[方向(D)/路径(P)/倾斜角(T)]:100打字不易,

四、html三角形怎么做

css3写三角形（为了好区分姑且按方向区别）：（1）上三角形： border: 16px solid transparent; border-bottom:
16px solid #f00; width: 0; height: 0; （2）下三角形： border: 16px solid transparent;
border-top: 16px solid #f00; width: 0; height: 0; （3）右三角形： border: 16px solid
transparent; border-left: 16px solid #f00; width: 0; height: 0; （4）左三角形：
border: 16px solid transparent; border-right: 16px solid #f00; width: 0;
height: 0;希望您能尽早找到满意答案，推荐您上考研交流网来看看，这里有很多这方面的内容，百度一下就可以找到该网站！！！