按钮样式问题

直来直往 2009-11-27 05:34:00
怎么样可以实现圆角的按钮?
除了直接用background来填充图片以外,还有没有别的更好的方法
...全文
141 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
atmo 2009-11-28
  • 打赏
  • 举报
回复
应该都是用图片 我是没有更好的办法,不过说办法还是有,但是比较麻烦
比如说你可以用div来模拟按钮,三个div 左圆角 中间平铺 右圆角 ,背景用一张图就可以,指定background的position属性就行,加个cursor:pointer更换鼠标形状

然后写js代码处理div点击事件,麻烦了点,但是背景是一张图了
sunshinexrain 2009-11-28
  • 打赏
  • 举报
回复
如果是内容系统项目,只在火狐下使用,那么不用图片也可以
使用这个 -moz-border-radius 属性就行了

<style type='text/css'>
.button {
width: 100px;
height: 30px;
border: 1px solid #ccc;
-moz-border-radius: 16px;
}
</style>

<input type='button' value='button' class='button'/>


前端网站就不要用了
bo523 2009-11-27
  • 打赏
  • 举报
回复
其实最好还是用图片,大家都是这样的!
直来直往 2009-11-27
  • 打赏
  • 举报
回复
不好意思,我好像没说清楚。
按钮里面要加背景图片,因为可能很多地方都会用到这种样式的按钮,但长度可能不一样,所以就不能只能用图片了。
如果是用像素平铺的话,就没有那个圆角了。
zhengshuang87 2009-11-27
  • 打赏
  • 举报
回复
<input type="button" value=" " >

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧