CSS制作三角形

css制作三角形

<style>

.box{position:relative;background: #096fdb;color: #FFF;color: #FFF;font-size: 18px; line-height: 40px;border-radius:4px;width: 100px;text-align: center; cursor: pointer;}
.triangle{position:absolute;left: 50%;margin-left: -7px;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #096fdb;}

</style>

<div class="box">三角形<div class="triangle"></div></div>