Web——CSS页面背景

要求:设计如下网页
在这里插入图片描述

分析:
1、背景颜色、背景图片插入(右上角);
2、插入无序列表列表图片;
3、插入3张图片
材料如下:

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

欢迎下方留言,相互交流、共同进步

猜你喜欢

转载自blog.csdn.net/weixin_45952057/article/details/109099430