如何用css画出一个三角形以及扇形

混吃等死的小白

于 2022-06-14 19:45:47 发布

阅读量70

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_42444486/article/details/125284819

版权

本文介绍了如何利用CSS来创建一个三角形和一个扇形。对于三角形，通过设置边框宽度为0，然后分别设置不同边框颜色实现；扇形则利用了边框半径和指定特定边框颜色完成。这两个技巧展示了CSS在图形绘制方面的灵活性。

摘要由CSDN通过智能技术生成

如何用css画出一个三角形以及扇形

三角形

	width: 0px;
    height: 0px;
    border-top: 50px solid transparent;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid red;

效果图：
在这里插入图片描述

扇形

	width: 0px;
    height: 0px;
    border: 100px solid transparent;
    border-radius: 100px;
    border-top-color: red;

效果图：
在这里插入图片描述

混吃等死的小白

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫