使用 CSS 進行商品介紹可以讓你的頁面看起來更具有吸引力和專業性。以下是一些用 CSS 實現商品介紹的方法:
/* 為商品名稱添加樣式 */ h1 { font-family: "Helvetica Neue", sans-serif; font-size: 36px; color: #333; text-align: center; } /* 為商品圖片添加樣式 */ img { display: block; margin: 0 auto; width: 300px; height: auto; } /* 添加商品描述樣式 */ p.description { font-family: "Helvetica Neue", sans-serif; font-size: 16px; color: #666; line-height: 1.5; text-align: justify; margin: 20px; } /* 添加價格樣式 */ p.price { font-family: "Helvetica Neue", sans-serif; font-size: 24px; color: #f00; text-align: center; margin: 20px; } /* 添加按鈕樣式 */ button { font-family: "Helvetica Neue", sans-serif; font-size: 18px; color: #fff; background-color: #00a0dc; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; display: block; margin: 0 auto; } /* 添加按鈕懸停時的樣式 */ button:hover { background-color: #0077b5; }
以上是使用 CSS 對商品進行介紹的一些常見樣式。使用這些 CSS 樣式可以讓你的商品展示更加專業、吸引人。
上一篇1.8.json文件
下一篇MySQL中的有效性規則