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

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

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

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
分享到:

最新问题

张天艺 老师 提问: 使用Spring框架的好处是什么?
张天艺 老师 提问: 什么是Spring MVC框架?

最热问题

王伟平老师 提问: Java中的static关键词用法
孙悦老师 提问: 北欧风格有什么特点
夏磊银老师 提问: 【JavaScript】数据类型
夏磊银老师 提问: 【JavaScript】数组去重