淘寶詳情頁是電商平臺中非常重要的頁面之一,其中的css樣式設計尤為重要。以下是一些常用的淘寶詳情頁css樣式:
/* 商品標題 */ .tb-detail-hd h1{ font-size: 20px; font-weight: bold; color: #333; } /* 商品價格 */ .tb-rmb-num{ font-size: 24px; font-weight: bold; color: #ff4c4c; } /* 商品圖片 */ #J_ImgBooth{ width: 800px; height: 800px; margin: 0 auto; } /* 商品詳情 */ .tb-content{ font-size: 16px; line-height: 1.8; color: #333; } /* 商品參數 */ .tb-sku dl{ margin-bottom: 10px; } .tb-sku dt{ font-weight: bold; color: #333; } .tb-sku dd{ color: #999; } /* 購買按鈕 */ .tb-action-btn{ margin-top: 20px; } .tb-action-btn .tb-btn-buy{ width: 200px; height: 40px; background-color: #ff4c4c; color: #fff; font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px; }
這些樣式能夠幫助設計頁面的外觀,使得淘寶詳情頁看起來更加美觀、專業。同時,這些樣式也可以根據不同的商品類型、風格進行個性化的調整,以達到更好的產品展示效果。
下一篇淘寶頁面排版css