- 利用CSS边框实现三角形
原理:
把div元素的宽高都设置为0时,边框就变为三角形
- 效果图:
- 代码:
<body>
<div id="block"></div>
</body>
#block {
width: 100px;
height: 50px;
border-top: solid 10px blue;
border-right: solid 10px green;
border-bottom: solid 10px red;
border-left: solid 10px;
background-color: #ccc;
}