东师19秋Web前端开发基础【标准答案】

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2020-02-14 21:59

要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。 小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女
要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。
小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,于是,就给她做了简单的页面。女朋友看了之后感觉不太好看,小明同学想将列表的方式转化为表格。过了一段时间,小明同学学到了css,发现css可以美化它写的网站。
<DOCTYPEhtml>
<html>
<head></head>
<body>
<tableborder="1"cellpadding = "20"cellspacing="0">
<tr>
<th>网站名称</th>
<th>网站地址</th>
</tr>
<tr>
<td>京东</td>
<td>http://www.jingdong.com</td>
</tr>
<tr>
<td>百度</td>
<td>http://www.baidu.com</td>
</tr>
<tr>
<td>新浪</td>
<td>http://www.sina.com.cn</td>
</tr>
<tr>
<td>淘宝</td>
<td>http://www.taobao.com </td>
</tr>
</table>
</body>
</html>

1.请同学们使用css实现网页背景颜色为#f1f1f1, 表格左右居中,内容居中展示,距上50px, 奇数行背景色为#f5f2eb,取消a标签下划线效果,效果图如下:


2.小明同学想是不是通过div+css也可以实现这样的表格样式呢,大家想想怎么做呢?
Tag:  

作业咨询:
点击这里给我发消息

论文咨询:
点击这里给我发消息

合作加盟:
点击这里给我发消息

服务时间:
8:30-24:00(工作日)