学步园

在进行界面设计过程中，需要给超链接A添加按钮样式，原本以为是利用height和width分别控制高度和宽度，然后利用background来设置背景图片就可以了。没想到在实际测试过程中，根本不行。于是就只好利用padding方法进行微调，最终得到理想效果，css代码如下:

.Pager
    {
        margin:10px;
        text-align:right;
        font-weight:bold;
    }
    .Pager a
    {
        color:Red;
        padding-top:5px;
        padding-bottom:9px;
        padding-left:20px;
        padding-right:20px;
        background:url(images/loginButton.gif) no-repeat;
       
    }
    .Pager a:hover
    {
        color:Blue;
        text-decoration:none;
    }
    .Pager a:visited
    {
        text-decoration:none;
        font-size:12px;
        color:Red;
    }

最终得到的效果如下：

修改代码如下：

.Pager a
    {
        color:Red;
       <%-- padding-top:5px;
        padding-bottom:9px;
        padding-left:20px;
        padding-right:20px;--%>
        width:77px;
        height:27px;
        display:block;
        text-align:center;
        line-height:27px;
        float:left;
        background:url(images/loginButton.gif) no-repeat;
}