面试题：css 实现一个三角形——必会篇，你值得拥有

最新推荐文章于 2023-07-14 20:30:57 发布

不头秃的码农

最新推荐文章于 2023-07-14 20:30:57 发布

阅读量942

点赞数 2

分类专栏： # CSS # 面试笔试题文章标签： 1024程序员节

本文链接：https://blog.csdn.net/weixin_44137575/article/details/109266876

版权

面试笔试题同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

CSS

5 篇文章 0 订阅

订阅专栏

要点：div的宽高都设置为0，border设置很大，然后调整每条边的颜色即可！！！

<style>
    #box{
        width: 0px;
        height: 0px;
        border: 100px solid;
        border-top-color: transparent;
        border-bottom-color: teal;
        border-left-color: transparent;
        border-right-color: transparent;
    }
</style>

<body>
    <p>想要什么样的三角，就把另外三边的border-xxx-color换成透明色</p>
    <div id="box"></div>
</body>

啦啦啦啦啦啦我是卖报的小行家

优惠劵

不头秃的码农

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
面试题：css 实现一个三角形——必会篇，你值得拥有

要点：div的宽高都设置为0，border设置很大，然后调整每条边的颜色即可！！！<style> #box{ width: 0px; height: 0px; border: 100px solid; border-top-color: transparent; border-bottom-color: teal; border-left-color: transparent;
复制链接

扫一扫