蘑菇街是一款時尚購物平臺，它有自己的小程序，讓用戶可以更方便地進行購物。在蘑菇街小程序中，CSS起到了非常重要的作用。接下來，我們來看一看蘑菇街小程序中的CSS。

/* 常用樣式 */
.container {
width: 100%;
max-width: 750rpx;
margin: 0 auto;
}
.flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.text-center {
text-align: center;
}
/* 自定義顏色 */
.color-primary {
color: #ff5e00;
}
.bg-primary {
background-color: #ff5e00;
}
/* 字體圖標 */
.iconfont {
font-size: 32rpx;
font-family: "iconfont";
}
/* 邊框 */
.border {
border: 1rpx solid #ddd;
}
/* 圓角 */
.border-radius {
border-radius: 5rpx;
}

在蘑菇街小程序中，我們可以通過添加類名來實現樣式的添加，比如添加.container類名就可以讓元素寬度鋪滿整個小程序界面，并且設置一個最大寬度，以適應不同尺寸的屏幕。此外，我們還可以通過添加自定義顏色類名，來實現某個元素的文本顏色或背景顏色等的定制。

CSS中的字體圖標也是蘑菇街小程序中常用的一種元素。在CSS中，我們可以通過設置font-family屬性，來引用自定義的字體圖標庫。另外，我們還可以通過邊框和圓角等樣式屬性，來裝飾圖像和文本等元素，以增加界面的美觀度。

綜上所述，CSS在蘑菇街小程序中扮演了非常重要的角色。通過添加類名和自定義屬性，我們可以方便地調整小程序中各個元素的樣式，以實現更完美的用戶體驗。