css 用border属性实现下拉框三角形
效果如图
思路
设置一个空元素，设置左右边框以及上边框，其宽度即为三角形的高，
效果如图：
1、当设置上边框以及左右边框，再将左右边框颜色透明，则为下三角 2、当设置下边框以及左右边框，再将左右边框颜色透明，则为上三角 3、同理也可设置左右三角
示例代码
<!DOCTYPE html>
<html>
<body>
<div><i></i></div>
</body>
<style>
body {
}
div {
margin: auto;
border: 1px solid #e1e4e8;
width: 200px;
height: 30px;
position: relative;
}
i {
border-left:8px solid #000000;
border-left-color: transparent;
border-right: 8px solid #000000;
border-right-color: transparent;
border-top: 8px solid #000000;
position: absolute;
right: 10px;
top: 12px
}
</style>
</html>
