css弄出一个框

CSS是前端开发不可或缺的一部分，可以通过CSS创建各种视觉效果。在本篇文章中，我们将学习如何使用CSS创建一个简单的框。

.Box {
  display: block;
  width: 200px;
  height: 200px;
  border: 2px solid black;
}

以上代码创建了一个类名为“Box”的

元素，并设置该元素的宽度为200像素，高度为200像素，以及边框为2px的黑色实线。

要将该框与其他元素区分开来，可以对其添加背景颜色和阴影效果：

.Box {
  display: block;
  width: 200px;
  height: 200px;
  border: 2px solid black;
  background-color: lightgray;
  Box-shadow: 3px 3px 5px gray;
}

以上代码为框添加了淡灰色的背景和一个稍微明显的阴影效果。

现在我们可以用这个框来包裹其他元素或用在需要突出显示的地方。

上一篇：css弄一条线 下一篇：css引入图片html怎写