CSS是建立網頁的重要工具，通過CSS，我們可以輕松地在網頁中添加各種樣式，包括背景。

.diamond{
width: 200px;
height: 200px;
position: relative;
transform: rotate(45deg);
background: #fff;
}
.diamond:before, .diamond:after{
content: '';
position: absolute;
top: 0;
background: #f00;
width: 100%;
height: 100%;
z-index: -1;
}
.diamond:before{
transform: rotate(-45deg);
}
.diamond:after{
transform: rotate(45deg);
}

如果我們想在菱形中加入背景色，只需要在對應的CSS規(guī)則中添加background屬性即可，比如：

.diamond {
width: 200px;
height: 200px;
position: relative;
transform: rotate(45deg);
background: #fff;
background-image: linear-gradient(to bottom right, #ff0000, #ffff00, #00ffff, #0000ff);
}

在這個樣例中，我們使用了一個漸變背景，在菱形的四個角分別設置了不同的顏色，通過linear-gradient函數的調整，可以實現各種不同的背景效果。

總之，在CSS中設置菱形背景是非常簡單的，只需要對對應的CSS規(guī)則進行調整即可。