用CSS还原静态风车，导航栏小三角标记制作！

原创

于 2018-08-26 09:34:21 发布 · 1.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #DIV #大风车 #静态图 #前端小技巧

题目：用CSS还原静态图。

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>border</title>
<style type="text/css">
body{
    background-color:gray;
    }
.total{
    width:400px;
    height:400px;
    }
.total div{
    float:left;
    width:100px;
    height:100px;
    }
.lt{
    border-bottom:100px solid red;
    border-left:100px solid transparent;
    }
.rt{
    border-left:100px solid green;
    border-top:100px solid transparent;
    }
.lb{
    border-right:100px solid blue;
    border-bottom:100px s

最低0.47元/天解锁文章