^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

纯CSS给网站添加春节喜庆

首先感谢博友梦想网络,让陌小雨的网站在整个春节喜气洋洋的。下面就轮到陌小雨来做做笔记啦,以后的春节陌小雨的网站都是喜气洋洋的,哈哈!

body {
background-image: url(https://dy.dedewp.com/wp-content/uploads/new-year.png);
background-repeat: no-repeat;
background-position: center 70px;
background-attachment: fixed;
background-size: 1865px 500px;
}

代码解释:

background-image: 是指背景图片地址

background-repeat: no-repeat;是指当前图片不会被重复

background-position:是指背景图片上下左右的位置

background-attachment:是指设置背景图像是否固定或者随着页面的其余部分滚动

background-size:是指背景图片的大小

最终效果是这样的:

纯 CSS 给网站添加春节喜庆

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

评论 5

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 新奇礼物
    网站不错回复
  2. 幻杀博客
    好像就是个背景哈回复
  3. AEZO · 部落阁
    小雨,可以考虑哈把所有节日的背景都找一下,O(∩_∩)O哈哈~岂不更喜庆回复
  4. 大刘子
    好宽的屏幕回复

登录

忘记密码 ?

切换登录

注册