微信二维码
微博二维码
qq号二维码

【css】使用css实现一个三角形

夏磊银 2020-09-24 WEB前端 126人浏览

css3中的有新的属性可以实现三角形和一些特殊的形状,当前问题就是使用css3新特性实现三角形,你有几种方式实现?有什么需要注意的点么?

2个回答
丁凯

1.

盒子的相邻两个边框,使用较粗的实线,一边设置透明,另一边设置颜色

.about{

  width: 0;

  height: 0;

  border-top: 20px solid transparent;

  border-right:20px solid black ;

}

样子  :  ◢

2.canvas标签画一个

3.引入图片

回答已被采纳   2020-09-24
李子行

.square{

  width: 0;

  height: 0;

  border-top: 50px solid transparent;

  border-right:50px solid black ;

}

  2020-09-24
分享到: