我在标题div中有4个按钮.我已经将它们全部放在css的顶部和左边使用边距,所以它们在一行中彼此相邻.没有什么花哨.

现在,当按下按钮时,我正在尝试执行操作,按钮文本向下移动一点.

我在CSS中使用此代码：

#btnhome:active{

line-height : 25px;

}

HTML：

按钮CSS示例：

#btnhome {

margin-left: 121px;

margin-top: 1px;

width: 84px;

height: 45px;

background: transparent;

border: none;

color: white;

font-size:14px;

font-weight:700;

}

这些按钮也适用于标题背景,我确信它与这些设置有关：

#header {

background-image: url(images/navbar588.png);

height: 48px;

width: 588px;

margin: 2em auto;

}

它运作良好,但唯一的问题是所有其他按钮也移动文本？这是为什么？我不清楚我只想使用#btnhome吗？所有按钮都有完全不同的ID.除边距外,所有按钮都具有相同的CSS设置.我需要编辑什么？

非常感谢你.