<template>
<div>
<div class="triangle"></div>
</div>
</template>
<style scoped>
.triangle {
width: 0;
height: 0;
border-width: 20px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent red transparent;
/* 大部分ie的布局拉伸问题,都直接添加overflow:hidden */
overflow: hidden;
}
</style>
，今天小编就来说说关于css上的三角?下面更多详细答案一起来看看吧!
css上的三角
<template>
<div>
<div class="triangle"></div>
</div>
</template>
<style scoped>
.triangle {
width: 0;
height: 0;
border-width: 20px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent red transparent;
/* 大部分ie的布局拉伸问题,都直接添加overflow:hidden */
overflow: hidden;
}
</style>
