这是一个简单的拦截页面示例

欢迎来到这个简单的拦截页面示例!在这个页面中,我们将展示如何使用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,居中对齐,无内边距和外边距。

通过以上代码,我们可以快速搭建一个简单易用的拦截页面。你可以根据自己的需求进行修改和扩展。希望这个示例能对你有所帮助!