使用css画等腰直角三角形
程序员文章站
2022-04-04 10:41:56
...
使用css画个等腰直角三角形:
可以使用border来进行绘制,具体见注释
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>画直角三角形</title>
<style>
.triangle {
width: 0px;
height: 0px;
border-width: 16px;
border-style: solid; /*定义的是实现边框*/
border-color: transparent #dadada #dadada transparent;
/*顺时针顺序,上右底左*/
/*若是三个值的话,上,左右两侧,底*/
/*若是两个值的话,上底,左右两侧*/
/*若是一个值的话,四个方向都一样*/
}
</style>
</head>
<body>
<div class="triangle">
</div>
</body>
</html>
下一篇: 给定周长,求满足周长的直角三角形
推荐阅读