CSS 样式画三角形
下面是一些三角形样式，部分我在仿站练习时，用到了的图案，加了点颜色美化，记录一下...
各种三角形的效果图和代码记录
三角形，倒三角形，左三角形，右三角形
上三角
效果图：
代码样式：
#triangle{
width:0;
height:0;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-bottom:100px solid #f44336;
}右三角
效果图：
代码样式：
#triangle{
width:0;
height:0;
border-top:50px solid transparent;
border-bottom:50px solid transparent;
border-left:100px solid #2196f3;
}下三角
效果图：
代码样式：
#triangle{
width:0;
height:0;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-top:100px solid #e91e63;
}左三角
效果图：
代码样式：
#triangle{
width:0;
height:0;
border-top:50px solid transparent;
border-bottom:50px solid transparent;
border-right:100px solid #9c27b0;
}左上直角三角形
效果图：
代码样式：
#triangle{
width: 0px;
height: 0px;
margin: 10px 10px;
float: left;
border-right: 100px solid transparent;
border-top: 100px solid #ff5722;
}右上直角三角形
效果图：
代码样式：
#triangle{
width: 0px;
height: 0px;
margin: 10px 10px;
float: left;
border-left: 100px solid transparent;
border-top: 100px solid #ffca28;
}右下直角三角形
效果图：
代码样式：
#triangle{
width: 0px;
height: 0px;
margin: 10px 10px;
float: left;
border-right: 100px solid transparent;
border-bottom: 100px solid #4caf50;
}左下直角三角形
效果图：
代码样式：
#triangle{
width: 0px;
height: 0px;
margin: 10px 10px;
float: left;
border-left: 100px solid transparent;
border-bottom: 100px solid #009688;
}
不知道实际开发应用如何，ps好像可以省力点
省力嘛，感觉都差不多的 [tuosai]
css配合度可能比较好吧
可以css完成的就不用图片 [xieyanxiao]
用css写出来的和图片堆砌出来的，哪个会好点？？话说xiaomo也是串门勤的很呢~
哇，一个ip把学校都查出来了....
哈哈，串门是必须的， [xieyanxiao]
个人感觉css写出来的好点，
朋友 交换链接吗
有朋自远方来，不亦乐乎 [touxiao]
贵站链接已加，我站：https://www.vultrclub.com/，站名：vultr vps
加好啦~ 欢迎常来~ (⌒▽⌒)
链接不能放首页吗？
抱歉啊，首页链接目前就那些，不打算增加或者修改了
不错不错
[ciya]
能用斜二测画法画直观吗 [huaixiao]
[xiaoku] 大肥，你想多了
老师！你能教我能左手换圆右手画方么？
画...(⊙_⊙)?
快使用斜二测！！！！ [qiang]
不，我拒绝 [youling]