在CSS中,.tuan表示網頁中的團購信息。該類選擇器常用于將團購信息單獨設置樣式。
.tuan { border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; font-size: 16px; }
通過上述CSS代碼,我們可以為網頁中的團購信息添加邊框、背景顏色、內邊距和字體大小等樣式。
當然,我們也可以根據需求為.tuan選擇器添加其他的樣式屬性,以滿足不同頁面對團購信息的展示要求。比如:
.tuan { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #888; }
上述代碼使用Flexbox布局,將團購信息垂直居中并居中對齊。同時,字體顏色也變為了灰色。
因為.tuan作為一個類選擇器,我們只需要在DOM中添加class屬性,并將其設置為tuan,就可以讓該元素擁有.tuan選擇器所設置的樣式。