淘寶訂單CSS是一個用于美化淘寶訂單頁面的CSS樣式表。通過將它應用到訂單頁面上,可以讓頁面看起來更加漂亮、整潔,并且更容易閱讀和導航。
/* 淘寶訂單CSS */ body { font-family: 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', Arial, sans-serif; background-color: #f4f4f4; color: #444; } .order-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; } .order-info span { font-weight: bold; } .order-item { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; } .order-item img { max-width: 80px; margin-right: 10px; } .order-item .title { font-weight: bold; margin-bottom: 5px; } .order-item .price { color: #f40; } .order-item .quantity { color: #666; } .order-item .status { font-weight: bold; color: #f40; } .total-price { font-weight: bold; padding: 10px; background-color: #fff; border: 1px solid #ddd; }
在這個CSS樣式表中,我們使用了flex布局來實現訂單信息和訂單項的排列。我們還使用了一些顏色和字體屬性來讓頁面看起來更加美觀和易讀。