当前位置: 代码迷 >> HTML/CSS >> 怎么定义超链接的长宽
  详细解决方案

怎么定义超链接的长宽

热度:299   发布时间:2012-02-26 20:19:43.0
如何定义超链接的长宽?
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
  相关解决方案