9-25作业

2017-09-25  本文已影响0人  黑夜也会笑我

写在最前面!!!
放到一个文件夹中并压成压缩包(名为:班级-学号-姓名),发到我邮箱。
例如:网工16级2班-阿三-12345678910
所有样式必须写在css文件中,必须使用链入式
练习1
页面如下设计

要求一:style必须采用链入式
要求二(边框):
边框只有上边 左边 右边显示
边框颜色:灰色
边框宽度:1px
要求三(位置):
盒子div:页面内水平居中
练习1-盒子边框属性居中.png

练习2

提示:
1、盒子紧紧靠在浏览器左上角
2、大盒子的width为1000px;
height为500px;
之中的两个小盒子的height为300px;
3、盒子的边框与大盒子的边框死死挨着,小盒子的边框为2px
4、小盒子的四边均有边框
补充:关于内嵌
<div>外层盒子
<div>内层盒子</div>
</div>

盒子的嵌套-盒子的宽度.png

练习3

提示:
1、盒子紧紧靠在浏览器左上角
2、大盒子的width为1000px;
height为500px;
第一个小盒子内的字似乎距离这个盒子的上边框有10px,距离左边框有10px
第二个小盒子内的字似乎距离这个盒子的上边框有20px,距离左边框有20px

盒子padding的影响.png
上一篇 下一篇

猜你喜欢

热点阅读