html三角形下拉列表,css下拉列表的三角形写法

三角形写法html>

*{

padding:0;

margin: 0;

}

.dd{

width: 0;

height: 0;

margin: 50px auto;

/*这个是画向下的三角形,设左右和下的长度,上面为0不设,就显示成三角形了*/

border-left: 50px solid darkcyan;

border-right: 50px solid plum;

border-top: 100px solid black;

}

.san{

width: 0;

height: 0;

margin: 100px auto;

/*这个是画向下的三角形,设左右和下的长度,上面为0不设,就显示成三角形了*/

border-left: 50px solid transparent;

border-right: 50px solid transparent;

border-top: 100px solid black;

}

上面代码效果图片