<html>

<head>

<style type="text/css">

.triangle {

border-bottom: 100px solid #000;//控制三角形的高

width: 0px;//如果不是0,则是一个梯形

border-left:50px solid #FFF; //于border-right一起控制三角形的底

border-right:50px solid #FFF;

}

</style>

</head>

<body>

<div class="triangle"></div>

</body>

</html>

 

posted on 2017-07-29 15:08  yyy_鸳鸯  阅读(138)  评论(0编辑  收藏  举报