4-3 作业检查
来源:4-3 编程练习
SsssZzzz
2018-03-04 19:20:40
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .page{ width: 100%; height: 4043px; background:url(http://climg.mukewang.com/59c9f7ce0001839219034033.png) center top no-repeat; position: relative; } .left-banner{ width: 224px; height: 364px; background: url(http://climg.mukewang.com/5a3383c70001f1b702240364.png) no-repeat; position: fixed; top: 50%; left: 0; margin-top: -182px; } .right-banner{ width: 224px; height: 364px; background: url(http://climg.mukewang.com/5a3383d00001a3dd02240364.png); position: fixed; top: 50%; right: 0; margin-top: -182px; } </style> </head> <body> <div class="page"> <div class="left-banner"> </div> <div class="right-banner"> </div> </div> </body> </html>
1回答
好帮手慕糖
2018-03-05
你好,经测试,实现效果没有问题的,建议:可以使用通配符去除下元素自带的内外边距哦!
祝学习愉快~
相似问题