Question

我尝试将padding添加到使用CSS创建的按钮上方的空间中。按钮CSS在文本周围已经有padding所以如果我尝试添加padding-top它只是改变按钮的大小而不是将其向下移动到更接近它下面的元素，这就是我＆＃ 39;我试图做。

这是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;
}

Answer 1

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

button{

     margin-top:10px;

}

Answer 2

我认为更好的解决方案是在按钮上方的元素上添加边距：http://csswizardry.com/2012/06/single-direction-margin-declarations/

Answer 3

实际上我只是想通了。我在按钮周围添加了一个div标签，并在div中添加了padding-top。

抱歉浪费你的时间。我是这个编码的新手：）

Answer 4

如果你想要这个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标记。

填充css按钮上方的空格

4 个答案: