给超链接A添加按钮样式

在进行界面设计过程中，需要给超链接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;

    }

谢谢@倾斜的水瓶座提醒。

pS：博客园编辑好垃圾，这篇文章编写过程中，浏览器死了两次，晕啊。。。。。不是一般的不给力。

给超链接A添加按钮样式相关推荐

Boostrap技能点整理之【按钮样式】
昨天我们看了看bootstrap的网(栅)格系统,想必都对bootstrap网格系统有个大致的了解,今天我们再来看看bootstrap的按钮组合. 按钮的样式在boostrap中,任何带有 clas ...
部分样式在360和ie上不能显示_Adobe Photoshop添加图层样式全方面介绍
PS基础学习第六期图层样式详解图层样式是指图形图像处理软件Photoshop中的一项图层处理功能,是后期制作图片以期达到预定效果的重要手段之一. 图层样式的功能强大,能够简单快捷地制作出各种立体投 ...
Android Material Design按钮样式
本文翻译自:Android Material Design Button Styles I'm confused on button styles for material design. 我对材质设 ...
在GridView中添加按钮后，如何触发按钮的各种事件？
//在GridView中添加按钮后,如何触发按钮的各种事件? 1．在GridView的"编辑列"属性窗口中,增加新的Botton列. 2．然后再该窗口右边属性中,将外观项下的But ...
html向左箭头样式,详解Bootstrap的纯CSS3箭头按钮样式
简要教程这是一款基于Bootstrap的纯CSS3箭头按钮样式.该按钮通过修改原生Bootstrap的按钮样式,来生成指向左侧或右侧的箭头按钮. [相关视频推荐:Bootstrap教程] 安装可以 ...
【若依(ruoyi)】按钮样式
前言若依(ruoyi): v4.3 按钮样式文件 static/css/style.css 按钮样式 .btn-default .btn-primary .btn-info .btn-success ...
qt中继承pushbutton自定义控件设置按钮样式
提要继承QPushButton后的按钮,设置其样式. 实现在自定义的控件类中添加Q_OBJECT宏在自定义的控件的类中重写paintevent函数自定义的控件在使用时,必须指明其父对象使用样 ...
bootstrap 按钮样式单选效果_【20201117】Bootstrap前端框架学习笔记
1. 介绍 1.1 介绍 Bootstrap是一个免费的web前端框架,它将HTML.CSS.Javascript结合到一起,制定了一系列的前端开发规则,使设计网页就像搭积木一样简单. 今天我们就跟着 ...
java表格怎么添加按钮_1.6.2 在表格中添加按钮
1.6.2 在表格中添加按钮表格用于显示复合数据,其中可以指定表格的表头和表文.默认的表格控件完全是以文本方式显示目标数据,要实现在表格中添加按钮或其他组件就要通过设置自定义的渲染器来实现 ...

给超链接A添加按钮样式

给超链接A添加按钮样式相关推荐

最新文章

热门文章