怎么利用CSS3绘制三角形

答案:2 悬赏:0 手机版

解决时间 2021-01-29 00:14

提问者网友：你给我的爱
2021-01-28 02:44

怎么利用CSS3绘制三角形

最佳答案

五星知识达人网友：掌灯师
2021-01-28 03:00

怎么利用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:

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息