如何用CSS制作浮顶？

要制作浮顶效果，可以使用CSS的position: fixed;属性。以下是一个简单的示例：

HTML代码：

<!DOCTYPE html>
<html>
<head><style>
.floating-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f1f1f1;
  padding: 20px;
  text-align: center;
}
</style>
</head>
<body>

<div class="floating-top">这是一个浮顶效果</div>

<p>向下滚动页面，浮顶效果会一直显示在页面顶部。</p>

</body>
</html>

在这个示例中，我们创建了一个名为.floating-top的CSS类，并设置了position: fixed;属性，使其在页面中固定位置显示。同时，我们还设置了top: 0;和left: 0;属性，使其显示在页面的顶部和左侧。最后，我们设置了width: 100%;属性，使其宽度与页面宽度相同。

这样，我们就可以在HTML中使用<div class="floating-top">标签来添加浮顶效果。