6月第一次作业
homework 1
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
div{background-color:#CCCCCC;width:300px;height:220px}
.h_1{
color:#FF6600;
font-size:20px;
font-family:黑体;
}
.h_2{
//color:#999999;
font-family:黑体;
}
</style>
</head>
<body>
<div>
<ul>
<li class="h_1">家用电器</li>
<li class="h_2">大家电</li>
<li class="h_2">洗衣机</li>
<li class="h_2">电冰箱</li>
<li class="h_2">平板电视</li>
</ul>
<ul>
<li class="h_1">日用百货</li>
<li class="h_2">肥皂</li>
<li class="h_2">洗衣粉</li>
<li class="h_2">纸巾</li>
<li class="h_2">洗发水</li>
</ul>
</div>
</body>
</html>结果
homework 2
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.p_0{color:#990099;font-weight:bolder;}
.p_1{text-align:right;margin-top:-60px;}
.p_2{margin-left:150px;}
.p_3{margin-left:120px;}
.p_4{margin-left:40px;}
.p_5{margin-left:90px;}
.p_6{margin-left:60px;}
.p_7{margin-left:80px;}
.p_8{margin-left:200px;font-size:12px;}
.i_1{width:70px;}
.i_2{width:100px;}
.i_3{width:50px;}
.i_4{width:200px;}
.i_5{width:305px;}
.i_6{width:150px;height:40px;background-color:url;border-color:#FFCC00;}
.s_1{width:150px;}
.s_2{width:305px;height:22px;}
.s_3{width:120px;height:22px;}
.hr_1{text-align:left;width:550px;background-color:#999999;height:2px;}
.hr_2{text-align:left;width:550px;background-color:#999999;}
</style>
</head>
<body>
<img alt="加载中请稍后..." src="YaHoo.png">
<p class="p_1">雅虎|帮助</p><br><br>
创建您的雅虎账号，使用雅虎的免费邮箱及其他网络服务。
<hr class="hr_1">
<form action="#">
<p class="p_2">姓名 <input type="test"> <input type="test"></p>
<p class="p_2">性别
<select class="s_3">
<option>-选择其中一项-</option>
<option>男</option>
<option>女</option>
</select></p>
<p class="p_2">生日
<input type="test" class="i_1">
<select class="s_1">
<option>-选择月份-</option>
<option>-1月-</option>
<option>-2月-</option>
<option>-3月-</option>
<option>-4月-</option>
<option>-5月-</option>
<option>-6月-</option>
<option>-7月-</option>
<option>-8月-</option>
<option>-9月-</option>
<option>-10月-</option>
<option>-11月-</option>
<option>-12月-</option>
</select>
<input type="test" class="i_1">
</p>