1. 程式人生 > >練習4:制作家用電器商品分類頁面

練習4:制作家用電器商品分類頁面

電話機 css 吸塵器 die web 頁面 line tle 商品

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h1{
background: -webkit-linear-gradient(top,dodgerblue,white);
font-weight:900;
color: white;
}
h2{
background: rgba(00,200,00,0.2);
color: blue;
font-weight: 900;
}
p{
text-indent:2em;
}
</style>
</head>
<body>
<h1>家用電器</h1>
<h2>大家電</h2>
<p>平板電視 洗衣機 冰箱</p>
<p>空調 煙機/竈具 熱水器</p>
<p>冷櫃/酒櫃 消毒櫃 家庭影院</p>
<h2>生活電器</h2>
<p>電風扇 凈化器 吸塵器</p>
<p> 凈水設備 掛燙機 電話機</p>
<h2>廚房電器</h2>
<p>榨汁機 電壓力鍋 電飯煲</p>
<p>豆漿機 微波爐 電磁爐</p>
<h2>五金家裝</h2>
<p>淋浴/水槽 電動工具 手動工具</p>
<p>儀器儀表 浴霸/排氣 燈具</p>
</body>
</html>

練習4:制作家用電器商品分類頁面