/* 設置頁面的基本樣式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* 設置頁面標題樣式 */
h1 {
font-size: 28px;
margin-bottom: 20px;
}
/* 設置導航欄樣式 */
nav {
background-color: #F7F7F7;
padding: 10px;
border-radius: 5px;
}
/* 設置導航欄下拉菜單樣式 */
nav ul {
list-style-type: none;
padding: 0;
margin: 0;
}
/* 設置當當網商品列表樣式 */
nav li {
display: inline-block;
margin-right: 10px;
}
/* 設置當當網商品標題樣式 */
nav li:last-child h2 {
margin-right: 0;
}
/* 設置當當網商品詳情頁樣式 */
nav li:nth-child(2) p {
font-size: 18px;
margin-bottom: 20px;
}
/* 設置當當網訂單頁樣式 */
nav li:nth-child(3) p {
font-size: 16px;
margin-bottom: 20px;
}
/* 設置當當網下訂單按鈕樣式 */
.button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #45a049;
}
/* 設置當當網下訂單提示文字樣式 */
.button:hover p {
font-size: 18px;
}
當當網網站
- 商品列表
- 商品詳情頁
- 訂單頁
歡迎來到當當網!