css三个矩形在一行

CSS是前端开发中非常重要的技术之一，它可以帮助我们实现各种各样的排版和样式效果。比如，在一个网页中，我们可能需要让三个矩形并排在同一行，这个问题可以通过CSS轻松解决。

 <style>
        .box {
            width: 100px;
            height: 100px;
            background-color: #ccc;
            display: inline-block;
            margin-right: 10px;
        }
    </style> 

以上是需要的CSS代码，我们创建了一个class为box的样式，设置了矩形的宽高和背景色，并且将display属性设置为inline-block，这样就可以让三个矩形在同一行。同时，我们为了让三个矩形之间有间隔，设置了margin-right属性为10px。

 <div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
    </div> 

这是HTML代码，我们在一个div容器中，使用了三个div元素，分别应用了class为box的样式，即可实现三个矩形并排在一行的效果。

通过以上代码，我们就可以轻松实现三个矩形并排在同一行的效果。CSS的灵活性和强大功能，让前端开发变得更加简单和高效。