请问第二列怎么往下拉，分界线和登录页面的调试，顺便帮我检查一下错误 谢谢啦
<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8"/>
<title>作业</title>
<style type="text/css">
html,body {
margin: 0;
}
header{
background-color: black;
height: 100px;
}
nav{
background-color: lightblue;
height: 100%;
width: 40%;
float: left;
}
aside{
background-color: lightblue;
height: 100%;
width: 35%;
float: right;
}
article{
background-color: lightblue;
height: 100%;
width: 25%;
margin-left: 40%;
}
footer {
background-color: black;
height: 100px;
}
a:link {
color:white;
text-decoration: none;
}
a:visited {
color:lightgray;
}
.c {
background-color: lightcoral;
}
table {
font-weight: bold;
font-size:large ;
}
th {
font-size: 1.5em;
text-align: left;
}
#q {
text-align: right;
margin-right: 100px;
}
#w {
text-align: center;
}
#w a {
line-height:100px;
}
a {
font-size: larger;
}
#e {
height: 650px;
}
#q a {
line-height: 100px;
}
</style>
</head>
<body style="font-weight: bold;font-size: large;font-family: '微软雅黑';">
<header style="background-image: url(img/muke.png);background-repeat: no-repeat;background-position-y: center;">
<div id="q" >
<a href="#">课程</a>
<a href="#">职业路径</a>
<a href="#">实战</a>
<a href="#">猿问</a>
<a href="#">手记 </a>
</div>
</header>
<div id="e">
<nav style="vertical-align: auto;">
<table border="0" cellspacing="" cellpadding="13" style="border-collapse: collapse;margin:100px auto;">
<tbody>
<tr>
<th>课程推荐</th>
</tr>
<tr>
<td><span class="c">职业路径</span></td>
<td>HTML5与CSS3实现动态网页</td>
</tr>
<tr>
<td><span class="c">职业路径</span></td>
<td>零基础入门Android语法与界面 </td>
</tr>
<tr>
<td><span class="c">职业路径</span></td>
<td>IOS基础语法与常用软件</td>
</tr>
<tr>
<td><span class="c">职业路径</span></td>
<td>PHP入门开发</td>
</tr>
<tr>
<td><span class="c">职业路径</span></td>
<td>JAVA入门开发</td>
</tr>
</tbody>
</table>
</nav>
<aside>
<form action="#" method="post">
<table border="0" cellspacing="" cellpadding="13" style="border-collapse: collapse;margin-top:100px;">
<tr>
<th>登录</th>
</tr>
<tr>
<td><input type="text" name="用户名" id="用户名" value="请输入登录邮箱/手机号 " /></td>
</tr>
<tr>
<td><input type="password" name="密码" id="密码" value="123456" /></td>
</tr>
<tr>
<td><input type="submit" value="登录"/></td>
</tr>
</table>
</form>
</aside>
<article>
<table border="0" cellspacing="" cellpadding="13" style="border-collapse: collapse;"|>
<tbody>
<tr><th>相关课程</th></tr>
<tr><td>HTML CSS JavaScript</td></tr>
<tr><td>HTML5 CSS3 Jquery</td></tr>
<tr><td>移动端基础 移动端APP开发</td></tr>
</tbody>
</table>
</article>
</div>
<footer style="font-size: 13px;">
<div id="w">
<a href="#">网站首页</a>
<a href="#">企业合作</a>
<a href="#">人才招聘</a>
<a href="#">联系我们</a>
<a href="#">常见问题</a>
<a href="#">友情链接</a>
</div>
</footer>
</body>
</html>25
收起
正在回答
4回答
您好，问题：1.给第二部分表格的代码加上div，设置padding-top。2.分界线是使用div设置即可。3.登录页面的input框可设置宽高，以及给按钮添加背景颜色。input框中的字使用placeholder属性设置即可。代码：1.将样式的设置尽量写到css中，尽量不要和html标签写在一起。2.代码中的空格，尽量不要使用 ，尽量设置为样式。3.命名尽量有意义。如果解决了您的问题，请采纳，祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
PHP小白零基础入门
- 参与学习 人
- 提交作业 626 份
- 解答问题 4928 个
想要学好Web后端开发的中流砥柱语言，本阶段为你轻松铺就扎实的基础，从前端网页布局的搭建到后台PHP开发，助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星