css两个页面跳转

CSS可以实现很多有趣的效果，其中之一是在两个页面之间进行跳转。CSS的跳转效果可以用于网站的导航栏、页面链接或者其他的交互设计。

<div id="page1">
  <p>这是页面1的内容</p>
  <a href="#page2">跳转到页面2</a>
</div>
<div id="page2">
  <p>这是页面2的内容</p>
  <a href="#page1">跳转到页面1</a>
</div> 

上述代码中，我们创建了两个页面，分别用div标签来表示，并在其中添加一个链接。这个链接是一个普通的a标签，它的href属性指向了目标页面的id。当用户点击这个链接时，浏览器将自动滚动到目标页面，并在目标页面显示。

需要注意的是，目标页面的id必须与链接中的href属性相匹配。否则，链接将无法正常跳转。此外，我们还可以为链接添加样式，例如改变链接的颜色、字体大小或者添加动画效果。通过CSS的灵活运用，我们可以实现具有良好用户体验的页面跳转效果。