在網頁制作中,CSS樣式是不可缺少的一個部分。淘寶是一個眾所周知的購物網站,其中也包含了大量的CSS樣式,為用戶提供更好的網頁瀏覽體驗。
下面是一些淘寶CSS樣式大全:
/* 頁面邊框 */ body{ margin: 0; padding: 0; border: none; } /* 超鏈接 */ a{ color: #00c3c3; text-decoration: none; } /* 標題 */ h1{ font-size: 24px; font-weight: bold; } /* 按鈕 */ .button{ display: inline-block; padding: 10px 20px; background-color: #00c3c3; color: #fff; } /* 商品列表 */ .goods-list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; } /* 商品詳情 */ .goods-item{ width: 220px; padding: 10px; margin: 10px; border: 1px solid #ddd; } /* 商品圖片 */ .goods-img{ width: 100%; height: 200px; } /* 商品名稱 */ .goods-name{ margin-top: 10px; font-size: 16px; } /* 商品價格 */ .goods-price{ margin-top: 5px; font-size: 14px; color: #f40; }
以上是一些常用的淘寶CSS樣式,它們可以方便地被應用到網頁設計中,從而實現更好的視覺效果,為用戶帶來更好的購物體驗。
上一篇css樣式在ie中出錯
下一篇css樣式圓形半徑