怎么利用CSS3绘制三角形
答案:2 悬赏:0 手机版
解决时间 2021-01-29 00:14
- 提问者网友:你给我的爱
- 2021-01-28 02:44
怎么利用CSS3绘制三角形
最佳答案
- 五星知识达人网友:掌灯师
- 2021-01-28 03:00
怎么利用CSS3绘制三角形
绘制三角形的原理就是让一个块元素没有宽度和高度,只设置边框,通过让其他三遍transparent就可以实现三角形,这并不是CSS3才能做得。如果一定要CSS3的话,可以看一下CSS3的形变是否可以实现。
绘制三角形的原理就是让一个块元素没有宽度和高度,只设置边框,通过让其他三遍transparent就可以实现三角形,这并不是CSS3才能做得。如果一定要CSS3的话,可以看一下CSS3的形变是否可以实现。
全部回答
- 1楼网友:不甚了了
- 2021-01-28 03:44
css:
.arrow-top,.arrow-right,.arrow-bottom,.arrow-left{
border: 20px solid green;
}
.arrow-top{
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
.arrow-right{
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
}
.arrow-bottom{
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.arrow-left{
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
html:
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯