html代码:
<!--小鹿-->
<div class="box1"><p class="top">杨杨的视觉差作业</p>
</div>
<!--小马-->
<div class="box2"><p>杨杨的视觉差作业</p>
</div>
<!--斑马-->
<div class="box3"><p>杨杨的视觉差作业</p>
</div>
css代码:
* {padding: 0;margin: 0;}.box1 {width:100%;height:1300px;/* background:red; */background:url(images/bg1.png) center center no-repeat fixed;overflow:hidden;}.box2 {width:100%;height:1300px; /* background:green; */background:url(images/bg2.png) center center no-repeat fixed;}.box3 {width:100%;height:1300px;/* background:blue; */background:url(images/bg3.png) center center no-repeat fixed;}p{background:rgba(255,255,255,0.8) ;height:200px;width:100%;font-size:24px;font-weight:800;text-align:center;line-height:200px;}.top{margin-top:280px;}
本文发布于:2024-01-28 09:42:28,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/17064061526522.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |