为了账号安全,请及时绑定邮箱和手机立即绑定

背白交叉(如图,类似围棋盘)背景怎么用css或者js做的

背白交叉(如图,类似围棋盘)背景怎么用css或者js做的

RISEBY 2018-12-21 19:14:59
ul>li*18
查看完整描述

1 回答

?
www说

TA贡献1775条经验 获得超8个赞

参考一下css写法:

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        *{

            margin: 0;

            padding: 0;

        }

        ul{

            width: 200px;overflow: hidden;

        }

        li{

            float: left;width: 100px;height: 100px;list-style: none;

        }

        ul li{

            background-color: #eee8ac;

        }

        ul li:nth-child(4n) {

            background-color: #dc7092;

        }

        ul li:nth-child(4n+1) {

            background-color: #dc7092;

        }

    </style>

</head>

<body>

    <ul>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

    </ul>

</body>

</html>


查看完整回答
反对 回复 2019-01-25
  • 1 回答
  • 0 关注
  • 683 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信