怎么给网站页面添加全屏图片背景

怎么给网站页面添加全屏图片背景

建站过程中,许多站点喜欢把网站背景做成全屏图片,对于一些稍微懂一点建站知识的朋友,并不是什么难事,那么对于小白来说应该怎么把网站背景设置成全屏图片呢?下面我们就来了解一下怎么给网站页面添加全屏背景图片。

一、首先准备一张图片,要确保图片的分辨率足够大,以覆盖整个屏幕。可以是远程图片链接,也可以把图片上传至你的服务器。

二、编写HTML代码,在你的网站页面的HTML代码中,找到要添加背景图片的元素,通常是<body>标签。

三、添加CSS样式,使用CSS样式来设置背景图片。在<style>标签中添加以下代码。

 CSS
body {  
  background-image: url('你的图片路径/远程图片以http开头');  
  background-size: cover;  
  background-repeat: no-repeat;  
  background-position: center center;  }

把代码填好,保存即可生效。如果你的网站程序支持自定义CSS,也可以直接把上述代码填进去,如果没有显示,后台清除网站缓存就可以了。

另一种方法,直接把下面的代码放到相应的文件,可以是单个页面(index)或全部页面(header/footer),代码如下。

 MATLAB
<style>
         body {
            background-image: url("你的图片路径/远程图片以http开头");
         }</style>

以上就怎么给网站页面添加全屏图片背景的两种简单方法,当然,还有很多代码都可以来实现,以上两种仅供参考,请自行学习研究!


转载请说明出处 内容投诉内容投诉
小小石博客 » 怎么给网站页面添加全屏图片背景

发表评论

欢迎 访客 发表评论

  • 1会员总数(位)
  • 19资源总数(个)
  • 0本周发布(个)
  • 0今日发布(个)
  • 20161稳定运行(天)

一个令你着迷的主题!

查看演示 官网购买