正文

网站添加元旦节日背景教程

小君
小君 V管理员/0 评论/1047 阅读
1227
此篇文章发布距今已超过821天，您需要注意文章的内容或图片是否可用！

网站添加元旦节日背景教程,IMG_20201227_011126.jpg,代码,教程,图文教程,分享,图文,建站,技术,特效,第1张

这几天大部分个人博客，等博客都出现背景一些节日特效啊，配合网站飘雪特效效果更好，直接上代码

放在模板下的头部文件或全局文件即可

<body class="home home-index skinbg" style="transform: none;">

css代码

body.skinbg {background-image: url(https://www.ixiaojun.com:443/zb_users/upload/2020/12/202012241608819737624689.jpg);background-position: 50% 110px; background-color: ;background-repeat: no-repeat;background-attachment: scroll;}

很多小朋友不会css代码引用，这里说下

1.在HTML元素中使用css样式，来实现应用css样式

举例：

<div style="font-size:14px; color:#FF0000;">

2.使用html标签中的style来引用

<style type="text/css">  //这里是设置CSS的样式内容*/  </style>

3.使用@import来引用外部css

@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/

4.使用link引用css文件

在head头部放置一个文件，该文件说明

<link rel="stylesheet" href="wcss.css" type="text/css" />

来调用外部的wcss.css文件来实现html引用css文件。


你学废了嘛

根据你主题的适应度调整，在css代码中找到position: 50% 110px;，修改你的宽度

若无特殊标注皆为互联网收集，仅供用于学习和交流，请勿用于商业用途。如有侵权、不妥之处，请联系站长并出示版权证明以便删除。敬请谅解！