要求:设计如下网页
文章图片
分析:
1、背景颜色、背景图片插入(右上角);
2、插入无序列表列表图片;
3、插入3张图片
材料如下:
文章图片
代码如下:
文章图片
1、先在里面书写内容,方便开头。
2、用body标记选择器设置背景颜色background-color
(图片中的背景颜色可以通过电脑上的画图软件查找到对应的二进制数字代码等)、背景图片插入background-image
、图片平铺设置(插入的图片默认是平铺的,不平铺用no-repeat
属性不是none
)background-repeat
、背景图片位置background-position
设置(背景图片位置设置至少有两个位置属性,一个是水平方向的位置,一个是垂直方向的位置)
3、插入无序列表的列表图片时,要设置的
list-style-image:url("图片位置 名称")
标记属性,而不是在
上设置
4、插入图片时注意图片的位置
5、注意主要作品三张图片的图片的长和宽的设置、图片间距的设置
最终效果:
文章图片
【web|Web——CSS页面背景】欢迎下方留言,相互交流、共同进步
推荐阅读
- WEB前端|WEB前端进阶之路——CSS基础笔记 01
- Java|web基础——CSS层叠样式表
- 屏幕宽度不正确。如果删除滚动条,则变得准确
- WordPress博客中的Rogue&nbsp
- 调整WordPress标头中的图标大小
- 调整标题图片仅适用于手机吗()
- 在macOS的Safari上删除正文行右侧的不需要的白色填充
- WordPress主题中的相对图像链接
- php wp_head(); (函数不包括来自functions.php的函数)