[分享]CSS中div怎么做

在CSS中，div是一个非常常用的标签，它可以让我们把页面划分成多个区域，从而更好地组织页面的结构。下面就来介绍一下如何使用CSS来对div进行样式设置。 首先，我们要设置div的宽度和高度。可以使用...

在CSS中，div是一个非常常用的标签，它可以让我们把页面划分成多个区域，从而更好地组织页面的结构。下面就来介绍一下如何使用CSS来对div进行样式设置。
首先，我们要设置div的宽度和高度。可以使用CSS的width和height属性来设置，代码如下：

 div{
     width: 200px;
     height: 100px;
   } 

接着，我们可以使用CSS的background-color属性来设置div的背景颜色，代码如下：

 div{
     width: 200px;
     height: 100px;
     background-color: #ccc;
   } 

除了背景颜色，我们还可以使用CSS的border属性来设置div的边框样式，代码如下：

 div{
     width: 200px;
     height: 100px;
     background-color: #ccc;
     border: 1px solid #000;
   } 

另外，我们还可以使用CSS的padding和margin属性来设置div的内边距和外边距，代码如下：

 div{
     width: 200px;
     height: 100px;
     background-color: #ccc;
     border: 1px solid #000;
     padding: 10px;
     margin: 10px;
   } 

最后一步，我们可以使用CSS的text-align属性来设置div中的文本水平对齐方式，代码如下：

 div{
     width: 200px;
     height: 100px;
     background-color: #ccc;
     border: 1px solid #000;
     padding: 10px;
     margin: 10px;
     text-align: center;
   } 

这样就完成了对div的样式设置，可以根据自己的需求来灵活应用。