css代码 简单案例 |网站留言板 css

今天大家来学习一下CSS代码。CSS，全称为层叠样式表，是用来美化网页的一种语言。CSS可以使网页颜色、字体、布局等方面变得更加美观。下面大家将通过一个简单的案例来学习CSS。 首先，大家要在HTML文件中添加一个div标签，代码如下：

<div></div>

接下来，大家要给这个div标签添加样式。大家可以在HTML头部中添加style标签，然后在其中写入CSS代码。代码如下：

<style>
div {
width: 200px;  /* 设置div标签的宽度为200像素 */
height: 200px;  /* 设置div标签的高度为200像素 */
background-color: red;  /* 设置背景色为红色 */
margin: 0 auto;  /* 设置水平居中 */
margin-top: 100px;  /* 设置垂直居中 */
}
</style>

解释一下代码中的注释。第一行代码是设置div标签的宽度为200像素，第二行代码是设置div标签的高度为200像素，第三行代码是设置div标签的背景色为红色，第四行代码是设置div标签在水平方向上居中，最后一行代码是设置div标签在垂直方向上居中。 运行代码，大家可以看到一个红色的正方形，它位于页面的正中央。这就是大家通过CSS代码设置的样式效果。 CSS可以说是网页美化的重要语言之一。通过学习CSS的使用，大家可以让网页变得更加美观和易于阅读。希望这个简单的案例能够帮助大家初步了解CSS的使用。