css 利用border制作三角形

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

摸鱼小馆

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

阅读量171

点赞数

分类专栏： html/css 文章标签： css3 css

本文链接：https://blog.csdn.net/weixin_44415561/article/details/106730304

版权

html/css 专栏收录该内容

23 篇文章 2 订阅

订阅专栏

在css中，我们可以利用border制作三角形

上下左右四个边框
其中三个边框颜色设置成透明，就可以制作出来三角形了
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>捡猫制作的三角形</title>
</head>
<style>
    .box{
        height: 0px;
        width: 0px;
        border-top: 10px pink solid;
        border-bottom: 10px transparent solid;
        border-left: 10px transparent solid;
        border-right: 10px transparent solid;
    }

</style>
<body>
<div class = 'box'>

</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

摸鱼小馆

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css 利用border制作三角形

在css中，我们可以利用border制作三角形上下左右四个边框其中三个边框颜色设置成透明，就可以制作出来三角形了代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>捡猫制作的三角形</title></head><style> .box{ height: 0px;
复制链接

扫一扫