用CSS画三角形

最新推荐文章于 2022-07-18 14:50:14 发布

三妞

最新推荐文章于 2022-07-18 14:50:14 发布

阅读量300

点赞数 1

文章标签： css

本文链接：https://blog.csdn.net/zld614027581/article/details/51603136

版权

本文介绍了如何使用CSS来创建三角形。通过设置一个长宽均为0的元素，并为不同边设置不同颜色的border，利用透明边让特定方向不显示，从而达到绘制三角形的效果。并提供了参考文章链接和作者自己的实现代码。

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

方法：

做出一个长宽都为0的长方形
设置长方形的border为某个整数值
设置四个方向的 border颜色
如果某个方向的颜色值为transparent，则这个方向为透明，没有颜色

参考文章：

参考文章地址

自己实现的代码：

<html>
<head>
    <style type="text/css">
    #suqare
    {
        height: 0;
        width: 0;
        border: 100px solid;
        border-color: #f00 #0f0 #00f #0ff;/*代表上右下左四个方向依次设置的颜色*/
    }
    #triangle
    {
        height: 0;
        width: 0;
        border:

最低0.47元/天解锁文章

三妞

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用CSS画三角形

方法：做出一个长宽都为0的长方形设置长方形的border为某个整数值设置四个方向的 border颜色如果某个方向的颜色值为transparent，则这个方向为透明，没有颜色参考文章：参考文章地址自己实现的代码：<html><head> <style type="text/css"> #suqare { height: 0; widt
复制链接

扫一扫