哪位大神可以帮忙指点一下！
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title></title> <style type="text/css">
html body{margin:0px;} header{background-color:black;
height: 100%; color:white; }
#container{ height: 500px; background-color: lightblue; padding: 175px; }
a{ padding: 20px; font-size: 25px; width: 80%; text-align: right; }
nav{ background-color: lightblue; height: 100%; float: left; } aside{ background-color: lightblue; height: 100%; float: left; width: 500px; }
article{ background-color: lightblue; height: 100% } .b{ background-color: lightcoral; padding: 10px; color: black; } .c{ padding: 5px; font-size: 20px; color: black; } .line{ float: left; height: 100%; width: 10px; background-color: orange; } footer{ background-color: black; color: white; font-size: 20px; text-align: center; float:left; </style></head><body> <header> <table > <tr> <td id="headlogo"><img src="http://climg.mukewang.com/59093e9c00016ce303000100.png"></td> <td> <a>课程</a> <a>职业路径</a> <a>实战</a> <a>猿问</a> <a>手记</a> </td> </tr> </table> </header> <div id="container"> <nav> <table> <tr> <th><h2>课程推荐</h2></th> </tr> <tr> <td class="b">职业路径</td> <td class="c">HTML5与CSS实现动态网页</td> </tr> <tr> <td class="b">职业路径</td> <td class="c">零基础入门Android语法与界面</td> </tr> <tr> <td class="b">职业路径</td> <td class="c">IOS基础语法与常用空间</td> </tr> <tr> <td class="b">职业路径</td> <td class="c">PHP入门开发</td> </tr> <tr> <td class="b">职业路径</td> <td class="c">JAVA入门开发</td> </tr> </table> </nav> <div id="info3"> <aside> <table> <tr> <th><h2>相关课程</h2></th> </tr> <tr> <td class="c">Html</td> <td class="c">css</td> <td class="c">Javascript</td> </tr> <tr> <td class="c">Html5</td> <td class="c">css3</td> <td class="c">Jquery</td> </tr> <tr> <td class="c">移动端基础</td> <td class="c">移动端App开发</td> </tr> </table> </aside></div><div class="line"></div> <div id="info4"> <article> <h2><b>登录</b></h2> <form > <input type="text" placeholder="请输入登录邮箱/手机号"><br/> <br/> <input typr=password placeholder="6-16位密码,区分大小写,不能用空格"><br/> <br/> <button type="button" >登录</button> </form> </article></div> <footer> <table> <tr> <td class="info">网站首页</td> <td class="info">企业合作</td> <td class="info">人才招聘</td> <td class="info">联系我们</td> <td class="info">常见问题</td> <td class="info">友情链接</td> </tr> </table> </footer></body></html>
- 1 回答
- 0 关注
- 650 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消