时间:2021-05-08
下面的代码将演示三角形如何产生
HTML
复制代码代码如下:
<div class="triangles"></div>
LESS
复制代码代码如下:
.triangles {
border: 50px solid transparent;
border-top-color: #0075a9;
border-right-color: #a89a00;
border-bottom-color: #19a800;
border-left-color: #a90000;
width: 0;
height: 0;
}
表现情况
单个三角形
HTML
复制代码代码如下:
<div class="triangle v-top"></div>
<div class="triangle v-right"></div>
<div class="triangle v-bottom"></div>
<div class="triangle v-left"></div>
LESS
复制代码代码如下:
.triangle {
border: 30px solid transparent;
width: 0;
height: 0;
&.v-top {
border-top-color: #0075a9;
}
&.v-right {
border-right-color: #a89a00;
}
&.v-bottom {
border-bottom-color: #19a800;
}
&.v-left {
border-left-color: #a90000;
}
}
表现
进阶:等边三角形
由于使用边框制作出三角形的特性,使得默认制作出来的三角形为等腰,如果在特殊情况下需要一个等边的三角形,需要使用特殊的技巧
HTML
复制代码代码如下:
<div class="equilateral-triangle"></div>
LESS
复制代码代码如下:
.equilateral-triangle {
@side_length: 50px;
@altitude: (@side_length * ( sqrt(5) / 2 ) / 2);
border: @side_length solid transparent;
border-bottom-color: #19a800;
border-left-width: @altitude;
border-right-width: @altitude;
width: 0;
height: 0;
}
表现
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、三角形构图。画面中主要框架线是由直线组成的三角形,有直角、等腰、等边、等边三角形等。其视觉心理效果底边近似水平线者,偏于高耸感、稳定感、坚实感。底边是斜线者
题目描述:输入三角形的三条边长,判断是否能构成一个三角形(不考虑退化三角形,即面积为零的三角形),是什么样的三角形(直角、锐角、钝角、等边、等腰)。函数声明为:
本文主要研究的是输入三角形边长判断其类型并输出面积,用C语言实现,具体如下。思路:首先判断所给的三条边是否能够组成三角形,若可以组成三角形,则判断该三角形是什么
我先说如何制作三角形吧,相信大家在平时逛网站的时候都会看到一些导航栏中的三角形吧,比如说:网易首页的头部菜单栏中,也会有这样的三角形当鼠标经过时,三角形会垂直翻
我先说如何制作三角形吧,相信大家在平时逛网站的时候都会看到一些导航栏中的三角形吧,比如说:网易首页的头部菜单栏中,也会有这样的三角形当鼠标经过时,三角形会垂直翻