日期:2014-05-17  浏览次数:20592 次

如何定义超链接的长宽?
CSS:
          .btn
              {
                  height:22px;
                  width:54px;
                  border:0px;
                  color:#ffffff;
                  text-decoration:none;    
                                                                                                                                                         
                background-image:url( "/Images/LookBar/button-image.gif ");
              }


HTML:
              <a   href= "# "   class= "btn "> 发表 </a>

------------------------
问题:背景图始终无法达到指定的高度和宽度?




------解决方案--------------------
.btn
{
height:22px;
width:54px;
border:0px;
color:#ffffff;
display:block;
text-decoration:none;

background-image:url( "/Images/LookBar/button-image.gif ");
}
------解决方案--------------------
width和height属性对block元素有效
a默认是inline元素,inline元素width和height属性无效

你也可以设定float:left;这样可以不换行,也有width和height