火影忍者网页设计html,html+css+js实现火影背景切换登录页面

1.效果图(代码往下滑)

2.html代码

3.css代码

*{

margin:0px;

padding:0px;

}

/* *号是全部的都外边距和内边距都为0，而body只是主题的外边距和内边距都为0 需要给 html 和 body 同时设宽高 100% 图片才能覆盖浏览器页面*/

html,body{

overflow:hidden;

width:100%;

height:100%;

}

#ninjia{

position:relative;

width:100%;

height:100%;

/*设置 border 为透明，防止内部外边距溢出*/

border: 1px solid transparent;

}

#ninjia div{

position:absolute;

width: 100%;

height: 100%;

z-index: -1;