要求:设计如下网页
分析:
1、背景颜色、背景图片插入(右上角);
2、插入无序列表列表图片;
3、插入3张图片
材料如下:
代码如下:
1、先在<body>
里面书写内容,方便开头。
2、用body标记选择器设置背景颜色background-color
(图片中的背景颜色可以通过电脑上的画图软件查找到对应的二进制数字代码等)、背景图片插入background-image
、图片平铺设置(插入的图片默认是平铺的,不平铺用no-repeat
属性不是none
)background-repeat
、背景图片位置background-position
设置(背景图片位置设置至少有两个位置属性,一个是水平方向的位置,一个是垂直方向的位置)
3、插入无序列表的列表图片时,要设置<li>
的list-style-image:url("图片位置 名称")
标记属性,而不是在<ul>
上设置
4、插入图片时注意图片的位置
5、注意主要作品三张图片的图片的长和宽的设置、图片间距的设置
最终效果:
欢迎下方留言,相互交流、共同进步