border标签用法
可以用border标签画三角形
1.例一
<style>
div{
width: 0px;
height: 0px;
border: 50px solid black;
/*后面的会覆盖前面的*/
border-top-color: black;
border-right-color: yellow;
border-bottom-color: red;
border-left-color: #0d3349;
}
</style>
<body>
<div></div>
</body>
2.例二
<style>
div{
width: 20px;
height: 20px;
border: 50px solid black;
/*后面的会覆盖前面的*/
border-top-color: black;
border-right-color: yellow;
border-bottom-color: red;
border-left-color: #0d3349;
}
</style>
<body>
<div></div>
</body>
3.例三
<style>
div{
width: 0px;
height: 0px;
border: 50px solid black;
/*transparent表示透明*/
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: red;
border-left-color: #0d3349;
}
</style>
<body>
<div></div>
</body>