|
要求:在这篇文章档中的标题下作答,在所写的代码下面张贴运转后的网页截图,提交本word文档即可。
小明的女兄弟跟他生气了,他想哄女兄弟开心。他在想为女兄弟做点儿啥呢?他看女兄弟近来常常阅读淘宝、京东、新浪、baidu这些网站,所以,就给她做了简略的页面。女兄弟看了之后感受不太美观,小明同学想将列表的方法转化为表格。过了一段时刻,小明同学学到了css,发现css能够美化它写的网站。
网站称号 | 网站地址 | 京东 | http://www.jingdong.com | baidu | http://www.baidu.com | 新浪 | http://www.sina.com.cn | 淘宝 | http://www.taobao.com |
网站称号:
网站连接:
增加
table {
margin-bottom: 20px;
}
.btn {
display: inline-block;
padding: 3px 10px;
border: 1px solid;
margin-left: 20px;
cursor: pointer;
}
1.请同学们运用css完成网页布景色彩为#f1f1f1, 表格摆布居中,内容居中展现,距上50px,奇数行布景色为#f5f2eb,撤销a标签下划线作用,作用图如下:
2.小明同学给增加按钮增加点击事情,并判读两个输入框的值不能为空,假如两个输入框有一个值为空的话以弹窗提示: 请输入增加网站所需内容。 |
|