我在标题div中有4个按钮.我已经将它们全部放在css的顶部和左边使用边距,所以它们在一行中彼此相邻.没有什么花哨.
现在,当按下按钮时,我正在尝试执行操作,按钮文本向下移动一点.
我在CSS中使用此代码:
#btnhome:active{
line-height : 25px;
}
HTML:
Home
About
Contact
Help Us
按钮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设置.我需要编辑什么?
非常感谢你.