[分享]css内外边距颜色设置

CSS内外边距颜色设置CSS中的内外边距（padding和margin）可以帮助我们控制页面元素的位置和间距。同时，我们也可以使用CSS的颜色属性来设置内外边距的颜色。内边距设置我们可以使用paddi...

CSS内外边距颜色设置
CSS中的内外边距（padding和margin）可以帮助我们控制页面元素的位置和间距。同时，我们也可以使用CSS的颜色属性来设置内外边距的颜色。
内边距设置
我们可以使用padding属性来设置元素的内边距。padding属性可以接受一个值（表示四个边距都一样），两个值（表示上下边距一样，左右边距一样），或者四个值（分别表示上、右、下、左四个边）。例如，下面这个段落元素将会有10像素的内边距：

 p {
    padding: 10px;
  } 

对于内边距的颜色设置，我们可以使用background-color属性来设置元素的背景颜色，进而影响内边距区域的颜色。例如，下面的代码将页面上所有h1元素的内边距背景色设置成了灰色：

 h1 {
    padding: 10px;
    background-color: grey;
  } 

外边距设置
我们可以使用margin属性来控制元素的外边距，使用方法和padding属性类似。例如，下面的代码将会让所有段落元素的上外边距为20像素：

 p {
    margin-top: 20px;
  } 

对于外边距的颜色设置，我们可以使用border属性来控制边框的颜色。例如，下面的代码将会给所有段落元素添加一个蓝色的边框：

 p {
    margin: 20px;
    border: 1px solid blue;
  } 

总结
CSS中的内外边距可以非常方便地控制元素的位置和间距。我们也可以使用CSS的颜色属性来设置它们的颜色。具体而言，我们可以使用padding属性和background-color属性来设置内边距的大小和颜色。另外，使用margin属性和border属性可以控制外边距的大小和颜色。