这是一个简单的拦截页面示例
欢迎来到这个简单的拦截页面示例!在这个页面中,我们将展示如何使用HTML和CSS来创建一个基本的页面布局。页面的主要元素包括:
- 页面主体(body):设置为100%宽度,无内边距和外边距,使其占据整个浏览器窗口。
- 最大宽度(max)元素:设置为100%宽度,居中对齐。
- 顶部导航栏(top):宽度为150px,居中对齐,顶部外边距为60px。
- 欢迎信息(warm):位于顶部导航栏下方,左右两侧各20px空白,字体大小为24px,颜色为#606266,居中对齐。
- 提示信息(tip):宽度为800px,居中对齐,上侧和下侧各有10px和20px的空白,边框为#DFDFDF的1像素实线,圆角为6px,字体颜色为#808288,字体大小为16px,居中对齐。
- 段落(p):左内边距为200px。
- 示例图片(example):左侧外边距为55px。
- 底部信息(bom):宽度为900px,居中对齐,无内边距和外边距。
通过以上代码,我们可以快速搭建一个简单易用的拦截页面。你可以根据自己的需求进行修改和扩展。希望这个示例能对你有所帮助!