分享 | 教程 | 设置网页“背景”

/ 3评 / 0

由于最近在改网站,正好接触HTML CSS JS 这几部分!作为教程给大家啊


演示图片:

代码解释

background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
background-image: url(https://weimiao.xin/wp-content/uploads/2017/12/YANDERE-715293ad-4b07-4e0d-8d23-92e341956d16_ANIM.jpg);

background-image: url(地址);简单的设置背景图片
可以设置为纯色“background-color:#000”也可以
设置透明“background-color:rgba(255.255.255.0.5)”最后的0.5是50%的透明度


background-size: 宽 高;可以设置%,px,auto(自动)。。。。。等。


background-attachment: fixed;这个代码是,是否跟着页面滚动,一般默认是滚动。背景一般不滚动的推荐设置为不滚动


background-repeat: no-repeat;是否重复显示,当一张图片挡不完时候是否重复。可以设置"X","Y",轴

推荐代码

background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: fixed;
background-image: url(地址);

小白的话地址改一下,代码套用
如果想跟进学习的话:
W3C-背景


 如果有错误麻烦告知 

发表评论

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