在js中用HTML和CSS如何设置一个垂直三角形

最新推荐文章于 2023-04-11 10:00:22 发布

鱼儿188

最新推荐文章于 2023-04-11 10:00:22 发布

阅读量437

点赞数

文章标签： html java

本文链接：https://blog.csdn.net/yunihao_/article/details/123877070

版权

用HTML和CSS设置

先设置一个盒子

<body>
    <div class="box"></div> 
</body>

然后设置这个盒子的长宽高和颜色

<style>
    .box {
        width: 0;
        height: 0;
        border: 60px solid;
        border-color: transparent transparent rgb(0, 255, 187) rgb(0, 255, 187);
    }
</style>

最后会形成一个垂直三角形

最终呈现结果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鱼儿188

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在js中用HTML和CSS如何设置一个垂直三角形

用HTML和CSS设置先设置一个盒子<body> <div class="box"></div> </body>然后设置这个盒子的长宽高和颜色<style> .box { width: 0; height: 0; border: 60px solid; border-color: transparent transparent rgb(0, 255, 187
复制链接

扫一扫