html按钮位置,HTMLCSS按钮定位
我在标题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 {
htmlbutton属性background-image: url(images/navbar588.png);
height: 48px;
width: 588px;
margin: 2em auto;
}
它运作良好但唯⼀的问题是所有其他按钮也将⽂本向下移动?这是为什么?我不清楚我只想使⽤#btnhome吗?所有按钮都有完全不同的ID.除边距外,所有按钮都具有相同的CSS设置.我需要编辑什么?
⾮常感谢你.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论