css一个属性有好几个值

CSS的一个属性有时会有多个值，这样就可以将不同的样式组合在一起，为网页提供更为丰富的样式效果。

例如，在background属性中，可以指定background-color、background-image、background-repeat等多个值。下面是一个例子：

div {
  background: #eee url(bg.gif) no-repeat top right;
}

这里，背景的颜色为浅灰色，同时使用一个名为bg.gif的图片作为背景，设置这个图片不进行平铺，并把它放在背景的右上角（使用top right）。 

而在border属性中，也可以将不同的值组合起来，实现不同种类和不同颜色的边框效果。例如：

div {
  border: 1px solid #999999;
}

这里，边框的宽度为1像素，实线样式，颜色为#999999。 

最后需要注意的是，在某些属性中，写入的值不区分先后顺序，而在其他属性中，写入的值必须按照特定的先后顺序。如果放错了位置，可能会造成无法预期的结果。

例如，margin属性中的值必须按照上、右、下、左的顺序写入，否则会产生预期外的结果：

div {
  margin: 10px 20px 30px; /* 这里漏写了第四个值，会发生什么？*/
}

在这个例子中，由于漏写了第四个值，即左侧的边距，所以左侧的边距就会出现0的情况，与其他三个方向的边距产生不一致的效果。如果想要避免这种情况，应该将四个方向上的边距都写上，即：

div {
  margin: 10px 20px 30px 40px;
} 

因此，在编写CSS的时候，需要注意这些属性值的先后顺序及其组合方式，以取得预期的效果。