页面向下滚动内容滑动展示出来效果

1、新建html文档。

3、书写css代码。<style>body{ margin:0; padding:0; font-size:14px;}ul li{height: 10em;text-align: center; vertical-align: middle;line-height: 10em; font-size: 1.5em; margin: 2em 1em; }.div1{ background: #A3C6BE; color: #403F31;}.div2{ background: #87A18E; color: #000; }</style>

5、代码整体结构。