7.css实现三角形

1.效果：

2.代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        #bo {
            /* 如果将宽高设为0，就可以形成一个有四个三角形的正方形 */
            width: 100px;
            height: 100px;
            /* transparent：透明的 */
            border: 100px solid transparent;

            border-top-color: deeppink;
            border-left-color: red;
            border-right-color: blue;
            border-bottom-color: black;
        }
        #box {
            width: 0px;
            height: 0px;

            border: 100px solid transparent;

            border-top-color: deeppink;
            border-left-color: deeppink;
            /*border-right-color: deeppink;*/
            /*border-bottom-color: deeppink;*/
        }
    </style>
</head>
<body>
<div id="bo"></div>
<br/>
<div id="box"></div>
</body>
</html>

查看全文

相关阅读:
类的定义
 面向对象与面向过程介绍
 跨目录导入模块
 正则表达式re模块
 常用工具包（模块）
生成器generator
闭包
 命名空间name space
函数的递归
 POJ1062

原文地址：https://www.cnblogs.com/FlyingLiao/p/9869040.html