CSS之三角形(样式数据纯为演示清晰,不要较真)

CSS三角形

在这里插入图片描述
在这里插入图片描述
值得注意的是-你想要的哪个底边的三角形,就让那个底边带颜色,其余的transparent就好。
如下:
在这里插入图片描述
在这里插入图片描述
需要注意的是:

  1. 高度和宽度都为零
  2. 我们要添加font-size:0;和line-height:0;考虑浏览器兼容性问题。
    下面的三角形我们在网站中经常遇到,如下:
    在这里插入图片描述
    在这里插入图片描述
发布了24 篇原创文章 · 获赞 5 · 访问量 410
App 阅读领勋章
微信扫码 下载APP
阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览