首页 相关文章 圆角自适应宽度按钮的css实现

圆角自适应宽度按钮的css实现

  有时候我们需要一个链接看上去像按钮,所以就需要用到block属性,如果要几个按钮并排或者需要和其他文字混排的时候,inline-block就可以很好的解决这个问题。

  只是不是所有人都响应了Mozilla的号召把Firefox升级到了3.0。遗憾的是,Firefox2不支持这个属性。网上查了一下,似乎有很多种建议方案,但是只有一个叫-moz-inline-stack的属性可以作为替代方案。

  已测试通过的浏览器:IE6, IE7, FF2, FF3。

XHTML:

a class="rbutton" href="###"spanInsert/span/aCSS:

/*======== AUTHOR: Jimbor Chu
===========================*/
a.rbutton, a.rbutton:visited
{
background:url(images/bg_button_left.gif) left top no-repeat;
height: 23px;
line-height: 20px;
text-decoration: none...[ 查看全文 ]

2016-02-19 标签:

圆角自适应宽度按钮的css实现的相关文章

手机页面
收藏网站 回到头部