css以块级元素显示出来

CSS 是一种用于网页样式的语言，它可以让我们很方便地为元素添加样式和布局。而其中最常用的一种样式就是以块级元素显示出来的样式，接下来我们来详细了解一下。

/* 以块级元素显示出来 */
.block {
  display: block;
}

块级元素通常是指那些占据一整行的元素，比如说 div、p、ul 等等。当我们想要让一个块级元素从文档流中脱离出来，变为一个独立的盒子时，我们就可以采用“以块级元素显示出来”的样式。

这样做不仅可以让元素具有独立的宽度和高度，还可以让我们轻松地为其添加背景颜色、边框等样式。

/* 添加背景颜色和边框 */
.block {
  display: block;
  background: #f5f5f5;
  border: 1px solid #ddd;
}

当我们在样式中添加了背景颜色和边框后，就可以看到这个元素已经变得非常明显了。

所以，如果你想为一个元素添加样式，或者让它成为一个独立的盒子，那么“以块级元素显示出来”的样式就会是一个非常实用的工具。