如何使图片成为网页的背景图
发布于 2021-12-17 01:58:14
浏览 338
详情：
1、
1、设置背景图片需要使用css样式设，设置代码如下 以整个页面的背景图片为例css样式bodybackground: url(img/beijing.jpg) no-repeat;url 内放置为图片的路径地址no-repeat 图片不平铺background-size: cover;图片自适应整个页面。
2、
2、两个文件必须存在，首先，html是标记性语言，它不能自带图片，写代码的时候只是用img标记把图片的位置写进去，它会自己找图片，这就是为什么有时在网上看网页图片会有小红叉。
3、
3.给技术教程的表格增加一个表头，标题分别是：技术类别，技术点，教程年数。文字加粗显示。
4、
在技术教程的表格的第一行增加一个tr，里面增加3个td，然后复制一个CSS样式td1，改名为tdh，增加设置文字粗体，背景色设置为淡灰色。
5、
4.设置tdh的background-color:rgba(200,200,200,0.6);，这是一个新的写法，通过CSS的函数rgba可以设置一个RGBA颜色，这种颜色值带有一个alpha通道，可以设置颜色的透明度，也就是可以透过当前颜色的比率是多少。
6、
RGBA 颜色值是这样规定的：rgba(red, green, blue, alpha)。alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。
7、
5.之前讲了通过设置body的background-color属性来设置整个网页的背景色。
8、
背景色设置有时候局限性比较大，很多网站都采用图片来设置背景图片，可以做到让网页更美观。
9、
设置背景图片的CSS属性是像这样的：
10、
background-image: url(./images/background.jpg);
11、
url是一个CSS函数，里面参数是图片的目录路径。
12、
一般采用相对目录路径，也就是假设index.html存放在哪一个目录下，则在这个目录下创建一个images目录，将background.jpg文件放到images目录里面去。
13、
修改css文件的body的样式，增加background-image，同时删除bigtitle的width属性，因为div默认就是宽度为100%，为了防止该属性对背景图片的干扰，所以删除掉不必要的属性。
上一篇：谷歌浏览器怎么打开直接显示主页是百度
下一篇：泰拉瑞亚附魔之剑怎么找
