css写一行有五个方框 |css hr的颜色

box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
background-color: #f1f1f1;

首先，设置box-sizing为border-box，这样可以让元素的大小包括padding和border。接下来，使用flex布局，使元素垂直和水平居中。为了让元素占据整个视口，设置宽度为100%和高度为100vh。最后，添加一个背景颜色，以便更好地看到效果。

除了以上代码，还可以添加样式来创建五个方框，如下：

border: 1px solid #ccc;
width: 150px;
height: 150px;
margin: 10px;

这些样式将为每个方框添加一个边框和宽度和高度，并为它们设置10像素的外边距来分隔它们。

使用这些代码可以轻松地创建一个有五个方框的效果，可以用于设计一些简单的图形、图表等等。