给html网页加背景图

在css文档里直接改动body.

body{
background-image: url(../images/bg.jpg); /*背景图片路径设置*/
background-repeat:no-repeat; /*不进行平铺，图片适应窗口大小*/
background-attachment: fixed; /*背景图片固定，不随内容滚动*/
background-origin: border-box; /*从边框区域显示*/
background-size:cover;/*全部覆盖*/

}

注意：这里关于背景图路径正确的认为和写法为../images/xx.jpg”。

其中 ../ 表示的是上一级目录，不要写成 ./ 这是表示当前目录。

给html网页加背景图相关推荐

php背景图添加字,怎样给视频后面加背景图视频加背景图片并添加一行广告文字...
有不少广告小视频中,视频画面是一张海报背景图片,图片上显示一个小视频播放,并且在画面上还有显示一行广告字幕.这样的宣传视频制作其实蛮简单的,怎样给视频后面加背景图片的方法倒是挺多,要给视频加背景图片的 ...
VScode加背景图（工作区及全局）
VScode 加背景图 1.下插件background(图像是动漫小女孩)(ctrl+ shift + x可快捷打开插件商店,以下出现的快捷方式皆会帮助我们快速找到位置) 2. ( ctrl+, ) ...
swif开发iOS中如果要对某块内容加背景图并自适应填充图像
swif开发iOS中如果要对某块内容加背景图并自适应填充图像 private func setupInfiniteScrollingView() { self.loadMoreView = UIVie ...
windowbuilder怎么加背景图_小红书引流：爆款笔记封面图怎么做？（内附教程）...
大家好,我是小柯老师. 今天,我想给大家带来分享的主题是<小红书引流:爆款笔记封面图怎么做?> 很多宝宝在接触小红书博主这个行业之前,在听到一个有一定粉丝基础的博主仅仅通过写一篇笔记就可以 ...
windowbuilder怎么加背景图_抖音吸粉新套路，主页背景图太太太太有心机了
抖音在今年1月初,宣布完成了日活破 2.5 亿,月活破 5 亿的小目标. 现在双微一抖早就成为新媒体运营的标配了,可以说抖音的发展是大势所趋,那么要怎么低成本且快速地在抖音获取用户呢? 在这里,分享一 ...
JAVA实现二维码生成加背景图
应用场景:比如制作海报.宣传图时需要添加扫码关注的二维码先上效果图 ( ≧▽≦ ) POM.XML <!-- https://mvnrepository ...
python天气查询小程序加背景图_微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image只能 ...
css背景图片高斯模糊_如何将网页CSS背景图高斯模糊且全屏显示
以Path为代表的,展示了这种背景图模糊并全屏显示的方法,而且会根据屏幕分辨率放大缩小. 这种效果应该怎么实现呢? 高斯模糊是PS.FW图片处理工具搞的. 全屏显示的方法 1:使用CSS .bg { ...
element-ui的el-table表格中给暂无数据加背景图
css样式: .el-table__empty-text { display: block; width: 500px; height: 385px; padding-top: 300px; back ...

给html网页加背景图

给html网页加背景图相关推荐

最新文章

热门文章