燕十八---CSS画三角形

最新推荐文章于 2024-09-10 22:58:41 发布

八百里joker

最新推荐文章于 2024-09-10 22:58:41 发布

阅读量286

点赞数 1

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/qiechongpin/article/details/50491937

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用CSS画三角形：须将元素的width, height, padding均设置为0，靠border的重叠覆盖来画三角形，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>CSS画三角形</title>
    <style style="text/html">
        #ss{
            width: 0px;
            height: 0px;
            border-width: 40px;
            border-style: solid;
            border-top-color: green;
            border-left-color: red;
            border-right-color: pink;
            border-bottom-color: black;
        }

    </style>
</head>
<body>
    <div id="ss"></div>
</body>
</html>

八百里joker

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
燕十八---CSS画三角形

用CSS画三角形：须将元素的width, height, padding均设置为0，靠border的重叠覆盖来画三角形，代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <met
复制链接

扫一扫

专栏目录