tft每日頭條

 > 生活

 > css上的三角

css上的三角

生活 更新时间:2024-12-04 11:59:47

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> ,今天小編就來說說關于css上的三角?下面更多詳細答案一起來看看吧!

css上的三角(css實現三角符号)1

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>

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved