体型/需要什么代码？

[ogulcan1787]

大家好。
我为此代码添加了边框半径，并按照我的意愿调整了底部。
但我无法修复顶部。

应该添加什么代码才能使上半部分看起来与下半部分完全一样？

例如：top-height-size: -30%；？但这不起作用

body:before {
  display: inline-block;
  border-radius: 15px;
  width: 1125px;
  min-height: 100%;
  height: inherit;
  background-color: #fff;
  content: " ";
  position: fixed;
  left: 50%;
  right: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

[bryce (Bryce Huhtala)]

抱歉，但您似乎没有清楚说明您需要做什么。您能否提供更多关于以下内容的详细信息：

1. 您正尝试更改页面的哪个具体部分。
2. 您正尝试进行什么更改。

[ogulcan1787]

顶部的部分，我想这样做
https://pvpfarm.com
我想添加像底部（下面）部分那样的圆角。
我想要的是在顶部和标题之间留出一些空间。

我的英语不好，抱歉。谢谢你的帮助。

[bryce (Bryce Huhtala)]

没关系，你的英语很好，但谈论代码可能会有点棘手！感谢你提供更多细节。我认为这个问题说得通。

有时你可以使用 margin-top 在上方添加更多空间。

但滚动时它不起作用！

这是因为 body:before 部分有 position: fixed，所以它会一直停留在屏幕的同一位置。让我们将其更改为 position: absolute。absolute 允许我们告诉它我们希望边缘距离两侧多远。我们需要告诉它使用 body 作为参照，所以我们需要添加这段代码：

body {
  position: relative;
}

（如果你想了解更多关于 position、fixed 和 absolute 的信息，可以在 这里 找到一篇包含示例的文章）

好的，让我们从 body:before 中删除 min-height: 100%，因为我们希望它比 100% 短。现在我们可以控制顶部和底部的位置了！让我们添加 top: 70px 和 bottom: 30px。（顶部需要足够大，以便从屏幕顶部越过标题）。

这看起来是你想要的吗？如果说得通，请告诉我。

[ogulcan1787]

你太棒了！
谢谢你教我，而不是直接给我现成的代码。
@bryce