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

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

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

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

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

css代码

body.skinbg {background-image: url(http://aihaoz.com/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;,修改你的宽度

相关文章

您需要 登录账户 后才能发表评论

发表评论 取消回复

电子邮件地址不会被公开。 必填项已用*标注