关于自适应宽度圆角的最简单的解决办法
2010-02-23 12:09
337 查看
这是用CSS的方式来完美解决的。css部分 body {
background:#fff;
padding:20px;
color:#000;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.3;
}
/* Start custom button CSS here
---------------------------------------- */
.btn {
display:inline-block;
background:none;
margin:0;
padding:3px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif;
text-decoration:none;
color:#333;
}
.btn span {
background:#ddd;
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .btn span {
padding-top:0;
}
.btn span span {
position:relative;
padding:3px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
<p><a href="#" class="btn"><span><span>四川攀枝花</span></span></a> 中国</p>
不多说了直接上代码
background:#fff;
padding:20px;
color:#000;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.3;
}
/* Start custom button CSS here
---------------------------------------- */
.btn {
display:inline-block;
background:none;
margin:0;
padding:3px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif;
text-decoration:none;
color:#333;
}
.btn span {
background:#ddd;
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .btn span {
padding-top:0;
}
.btn span span {
position:relative;
padding:3px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
<p><a href="#" class="btn"><span><span>四川攀枝花</span></span></a> 中国</p>
不多说了直接上代码
相关文章推荐
- 关于 flex-direction: column 之后宽度自动变为100%的解决办法
- 关于C#开发WEB项目TextBox控件的自适应高问题解决办法!
- 三大框架(SSH)关于URL转发乱码问题(最简单暴力的一种解决办法)
- 苹果,谷歌浏览器对设置了100%的DIV层宽度不能自适应,部分网页被隐藏,解决办法!
- IE6下li无法自适应宽度解决办法
- 关于VS2017编译linux程序时,错误提示信息太简单,看不出错误原因的解决办法
- 关于解决JS中方法名重复问题的简单办法
- 关于在android onCreate()中不能获取控件宽度、大小等的解决办法
- 关于ipad阅读某些pdf文件出现乱码的简单解决办法
- Iframe自适应页面高度问题的最简单最适用的解决办法
- 关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法
- 关于CString, LPCTSTR, _TCHAR 转化成 char 的问题(简单解决办法)
- ExtJs关于grid高度自适应浏览器的问题解决办法
- tableViewCell中添加webView,cell自适应webView高度,解决死循环的简单办法
- 关于C#开发WEB项目TextBox控件的自适应高问题解决办法!
- Excel编程中关于跨列单元格的自适应高度的解决办法
- 带边框自适应宽度100%的解决办法
- 关于c中无法使用动态数组的简单解决办法
- 关于ajax跨域访问,Access-Control-Allow-Origin 404的简单解决办法
- ExtJs关于grid高度自适应浏览器的问题解决办法