怎样用html写出三角形
时间：03-09来源：作者：点击数：
1、先写一个盒子
2、让宽度和高度为0
3、给出一个border值，border：10px solid transparent ;
4、想要那个方向的三角形，就给出哪个方向的颜色
如图所示：border-top-coloor:blue;上面的三角形就是蓝色！
border-left-coloor:red;上面的三角形就是红色！
......
注意：如图所示正方形的边长为20px 但是所写的border 值为10px 根据此来做出想要的三角形即可！
代码如下：
<style>
.box {
width: 0;
height: 0;
border:100px solid transparent;
border-left-color: red;
border-right-color: green;
border-top-color: blue;
border-bottom-color: yellow;
}
</style>
</head>
<body>
<div class="box"></div>
</body>方便获取更多学习、工作、生活信息请关注本站微信公众号
上一篇:HTML——鼠标经过圆圈放大特效
下一篇:HTML思维导图——标签
湘公网安备 43102202000103号