Html 如何从我的mondrian表中的一个块中删除背景色？_Html_Css

Html 如何从我的mondrian表中的一个块中删除背景色？

html css

Html 如何从我的mondrian表中的一个块中删除背景色？,html,css,Html,Css,下面的代码用HTML生成蒙德里安表。背景颜色按行组织。如何在不删除整行的背景色的情况下删除几个块的背景色？谢谢大家! <!DOCTYPE html> <html> <head> <style> div.one { padding: 0px; border-top: 2px solid black; border-rig

下面的代码用HTML生成蒙德里安表。背景颜色按行组织。如何在不删除整行的背景色的情况下删除几个块的背景色？谢谢大家!

<!DOCTYPE html>
<html>
    <head>
        <style>
            div.one {
              padding: 0px;
              border-top: 2px solid black;
              border-right: 2px solid black;
              border-bottom: 2px solid black;
              border-left: 2px solid black;
              position: absolute;
              z-index: 1;
              background-color: blue;
              opacity: 3;
              }
            div.two {
              padding: 0px;
              border-top: 2px solid black;
              border-right: 2px solid black;
              border-bottom: 2px solid black;
              border-left: 2px solid black;
              position: absolute;
              z-index: 1;
              background-color: red;
              opacity: 0.5;
              }
            div.three {
              padding: 0px;
              border-top: 2px solid black;
              border-right: 2px solid black;
              border-bottom: 2px solid black;
              border-left: 2px solid black;
              position: absolute;
              z-index: 3;
              background-color: green;
              opacity: 0.5;
              }

             div.four {
              padding: 0px;
              border-top: 2px solid black;
              border-right: 2px solid black;
              border-bottom: 2px solid black;
              border-left: 2px solid black;
              position: absolute;
              z-index: 1;
              background-color: yellow;
              opacity: 3;
              }
        </style>
    </head>
    <body>

        <div>

        </div>


        <div style="position: relative">

            <img src="http://31.media.tumblr.com/9fac98407bf71455f2c1a7c4981ecb0a/tumblr_mtc4b2NeuM1r18dpzo1_500.jpg" STYLE ="height:250px ; width: 150px;"/>
        <!-- row 1 -->
            <div class="one" style="left: 0px; top: 0px; width: 180px; height: 75px;">
            </div>
             <div class="one" style="Left: 400px; top: 0px; width: 50px; height: 90px;">
            </div>
            <div class="one" style="Left: 454px; top: 0px; width: 180px; height: 90px;">
            </div>
            <div class="one" style="left: 182px; top: 0px; width: 180px; height: 90px;">
            </div>

            <div class="one" style="left: 362px; top: 0px; width: 34px; height: 90px;">
            </div>

            <!-- row 2 -->
            <div class="two" style="left: 0px; top: 77px; width: 180px; height: 80px; ">
            </div>

            <div class="two" style="left: 182px; top: 92px; width: 150px; height: 50px;">
            </div>

            <div class="two" style="left: 334px; top: 92px; width: 300px; height: 50px;">
            </div>

            <!-- row 3 -->
            <div class="three" style="left: 0px; top: 159px; width: 180px; height: 87px;">
            </div>

            <div class="three" style="left: 182px; top: 144px; width: 130px; height: 102px;">
            </div>

            <div class="three" style="left: 312px; top: 144px; width: 350px; height: 102px;">
            </div>

            <!-- row 4 -->
            <div class="four" style="left: 0px; top: 200px; width: 180px; height: 90px;">
            </div>

            <div class="four" style="left: 182px; top: 250px; width: 130px; height: 102px;">
            </div>

            <div class="four" style="left: 312px; top: 250px; width: 350px; height: 102px;">
            </div>

        </div>

    </body>
    </html>


第一组{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：1；
背景颜色：蓝色；
不透明度：3；
}
第二组{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：1；
背景色：红色；
不透明度：0.5；
}
第三分区{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：3；
背景颜色：绿色；
不透明度：0.5；
}
第四分区{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：1；
背景颜色：黄色；
不透明度：3；
}

您可以添加：

背景：透明

添加到您不想使用背景色的

中。

您可以使用：第n个子项ie

div.one:n子项（4）{背景色：透明}


第一组{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：1；
背景颜色：蓝色；
不透明度：3；
}
第二组{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：1；
背景色：红色；
不透明度：0.5；
}
第三分区{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：3；
背景颜色：绿色；
不透明度：0.5；
}
第四分区{
填充：0px；
边框顶部：2件纯黑；
右边框：2倍纯黑；
底部边框：2件纯黑；
左边框：2倍纯黑；
位置：绝对位置；
z指数：1；
背景颜色：黄色；
不透明度：3；
}
第一分区：第n个子（4）{背景色：透明}