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

这样设置为何没显示为块状?
<div   id= "pic ">
      <ul>
            <li   class= "Head "> <a   href= "http://www.sohu.com/ "   title= "Sohu "> Sohu </a>
            </li>            
      </ul>


下面是相关的样式设计:
#pic{
                width:400;
                height:584;  
                position:relative;
          }

#pic   ul{
                  margin:0;
padding:0;
                }

#pic   a{
              position:absolute;
              width:100px;
            }


#pic   .Head   a{
        left:   68px;
        top:   21px;
        display:block;
        line-height:120px;
        width:100px;
                        }

#pic   a:hover{
          border:1px   solid   #fff;
          display:block;
          line-height:120px;
                        }
我发现没有呈现按钮形状,不知何故


------解决方案--------------------
先不管你的代码这样写合不合理,至少效果是出来了,鼠标移上去会有一些偏移,哈哈

只是不明白你要哪样的按钮状,要背景没背景,即使边框也是白色,如果你的眼睛能在白色背景网页中区分得出hover时候的白色边框,那就可以看见按钮形状了
------解决方案--------------------
#pic a:hover{
border:1px solid #630;
display:block;
line-height:120px;
}

换一种颜色看看
------解决方案--------------------
嗯?你用什么浏览器的?我用IE6都是能实现的~
------解决方案--------------------
设置line-height,同时设置height
------解决方案--------------------
position:absolute;去掉就好,他的定位建议不要用这个绝对定位方式

------解决方案--------------------
#pic{
width:400;
height:584;
position:relative;
}

你这里的单位呢?

如果是

width:400px;
height:584px;

我这里测试是没问题的,会出手型。