填充css按钮上方的空间

我正在尝试将

填充
添加到使用CSS创建的按钮上方的空间中。按钮CSS已经在文本周围添加了
填充
，因此如果我尝试添加
填充顶部
，它只会更改按钮的大小，而不是将其向下移动到更靠近其下方元素的位置，这就是我正在尝试做的

这是CSS:

button {
  background:    #c00;
  background:    -webkit-linear-gradient(#c00, #600);
  background:    linear-gradient(#c00, #600);
  border-radius: 999px;
  color:         #f6f4f4;
  padding:       10px 100px;
  font:          normal 700 24px/1 "Open Sans", sans-serif;
  text-align:    center;
  text-shadow:   1px 1px 0 #000;
  margin-left: 80px;
}

在按钮中再添加一个样式属性

button{

     margin-top:10px;

}

我认为更好的解决方案是在按钮上方的元素中添加边距底部：
事实上，我刚刚找到了答案。我在按钮周围添加了一个div标签，并在div上添加了padding top

对不起，浪费了你的时间。我不熟悉这种编码：）
如果您想使用此css的顶部填充，则必须使用以下css，而不是：

button {

        background:    #c00;
        background:    -webkit-linear-gradient(#c00, #600);
        background:    linear-gradient(#c00, #600);
        border-radius: 999px;
        color:         #f6f4f4;
        padding:       10px 100px 10px 100px;
        font:          normal 700 24px/1 "Open Sans", sans-serif;
        text-align:    center;
        text-shadow:   1px 1px 0 #000;
        margin-left: 80px;
    }

css行：填充：10px 100px 10px 100px要使用多少更改第一部分，如填充：50px 100px 10px 100px

但问题是，如果你想要按钮上部位置的顶部填充物不在按钮内部，那么你必须使用

.anyClassName{
    margin-top: 10px;
}

使用此包含按钮的类html标记。
尝试margin-top。其他用户已经说过，请使用
margin-top
<代码>填充
用于填充（内部），而
边距
用于边距（外部）