【css】使用css画一个三角形

最新推荐文章于 2025-03-10 17:30:39 发布

歌声缓缓

最新推荐文章于 2025-03-10 17:30:39 发布

阅读量395

点赞数 5

分类专栏： css 文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/weixin_43444977/article/details/141126050

版权

css 专栏收录该内容

6 篇文章

订阅专栏

width和height设置为0，四个border，把三个border设置为transparent；

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>三角形</title>
</head>
<body>
<div id="box">
三角形
</div>

<script>

</script>

</body>

<style>
#box{
width:0;
height:0;
border-top:30px red solid;
border-bottom:30px transparent solid;
border-left:30px transparent solid;
border-right:30px transparent solid;
}
</style>
</html>