[分享]css做一个框里面写文章

最近我学习了一下 CSS，发现它可以用来美化网页的样式。今天，我想与大家分享一下如何使用 CSS 做一个框里面写文章的小案例。首先，我们需要创建一个 HTML 文件，包含一个 div 容器和多个 p ...

最近我学习了一下 CSS，发现它可以用来美化网页的样式。今天，我想与大家分享一下如何使用 CSS 做一个框里面写文章的小案例。
首先，我们需要创建一个 HTML 文件，包含一个 div 容器和多个 p 段落标签。然后，在 CSS 文件中，我们可以设置 div 容器的样式，包括边框、背景颜色、宽度和高度等等。可以使用 pre 标签来显示 CSS 代码。
下面是示例代码：
HTML 文件：

<div class="article-container">
  <p>这是第一段文字</p>
  <p>这是第二段文字</p>
  <p>这是第三段文字</p>
</div> 

CSS 文件：

.article-container {
  border: 1px solid gray;
  background-color: white;
  width: 500px;
  height: 300px;
  padding: 20px;
  margin: 20px auto;
} 

上面的代码中，我们设置了 div 容器的边框、背景颜色、宽度和高度等样式，并使用 padding 和 margin 来设置内边距和外边距。这样，我们就创建了一个带有边框和背景颜色的盒子，并在其中插入了三个段落元素。
通过上面的代码示例，我们可以看到 CSS 可以为网页添加丰富多彩的样式，让内容更加美观、易读。如果您想要更进一步提升自己的技能，不妨尝试使用 CSS 实现更多酷炫的特效和动画，让您的网页更具吸引力。