如何用css将表格和按钮之类的直角边，变成圆形的带有弧度的？

mandula2007 2008-03-11 02:46:46

如何用css将表格和按钮之类的直角边，变成圆形的带有弧度的？

...全文

672 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

mandula2007 2008-03-11

打赏
举报

回复

.btn1{ width:60px; height:30px;
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}

如何把这个变成圆角呢？

mandula2007 2008-03-11

打赏
举报

回复

网上的同志们力量大嘛

一把编程的菜刀 2008-03-11

打赏
举报

回复

问之前都不自己GOOGLE以下？

myvicy 2008-03-11

打赏
举报

回复

nowblue777（南极星）
<html xmlns:v>
<style>
v\:* {behavior: url(#default#VML);}
</style>
<body>
<v:RoundRect style="position:relative;width:160;height:120px">
<v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>
<v:textbox style="font-size:12px">
Hello
</v:textbox>
</v:RoundRect>
</body>

一品梅 2008-03-11

打赏
举报

回复

网上多的是:\
参考GOOGLE,总能找到你所需的:\http://www.google.cn/search?hl=zh-CN&q=%E5%9C%86%E8%A7%92+css&meta=&aq=0&oq=%E5%9C%86%E8%A7%92

jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z 24H内删除，作者写书非常不容易，如觉得好，请购买纸质书籍，易读易懂！藏书不如读书，读书请买好书，这是好书。第1章　jquery mobile简介　1.1　通用访问　1.2　跨所有移动平台的统一　1.3　简化的标记驱动的开发　1.4　渐进式增强　1.5　响应式设计　1.6　可主题化的设计　1.7　可访问性　1.8　总结第2章　jquery mobile入门　2.1　jquery mobile页面模板　2.2　多页面模板　2.2.1　设置内部页面的页面标题　2.2.2　单页面文档与多页面文档的对比　2.3　ajax驱动的导航　2.3.1　$.mobile.changepage() 　2.3.2　用途　2.3.3　参数　2.3.4　配置ajax导航　2.4　转换　2.5　对话框　2.5.1　链接与页面配置的对比　2.5.2　操作表　2.5.3　对话框ux指南　2.6　带有媒体查询的响应式布局　2.7　总结第3章　使用页眉、工具栏和标签栏来导航　3.1　页眉栏　3.1.1　页眉基础知识　3.1.2　页眉结构　3.1.3　页眉定位　3.1.4　页眉按钮　3.1.5　既有文本又有图标的按钮　3.1.6　只带有图标的按钮　3.1.7　带有分段控件的页眉栏　3.1.8　修复被截断的页眉或页脚　3.2　回退按钮　3.3　页脚栏　3.3.1　页脚基础知识　3.3.2　页脚结构　3.3.3　页脚定位　3.3.4　页脚按钮　3.4　工具栏　3.4.1　带有图标的工具栏　3.4.2　带有分段控件的工具栏　3.5　标签栏　3.5.1　带有标准图标的标签栏　3.5.2　永久标签栏　3.5.3　带有自定义图标的标签栏　3.5.4　带有分段控件的标签栏　3.6　总结第4章　表单元素和按钮　4.1　按钮　4.1.1　链接按钮　4.1.2　表单按钮　4.1.3　图像按钮　4.1.4　使用图标来设计按钮　4.1.5　只带有图标的按钮　4.1.6　按钮定位　4.1.7　带有自定义图标的按钮　4.1.8　分组按钮　4.1.9　主题按钮　4.1.10　动态按钮　4.2　表单元素　4.2.1　表单基础知识　4.2.2　文本输入　4.2.3　选择菜单　4.2.4　单选按钮　4.2.5　复选框　4.2.6　滑动条　4.2.7　开关控件　4.2.8　本地表单元素　4.2.9　mobiscroll日期选择器　4.3　总结第5章　列表视图　5.1　列表基础知识　5.2　内置列表　5.3　列表分割线　5.4　带有缩略图和图标的列表　5.5　拆分按钮列表　5.6　编号列表　5.7　只读列表　5.8　列表徽章(计数泡) 　5.9　使用搜索栏过滤列表　5.10　动态列表　5.10.1　列表选项　5.10.2　列表方法　5.10.3　列表事件　5.11　总结第6章　使用表格和css渐变来格式化内容　6.1　表格布局　6.1.1　表格模板　6.1.2　两列的表格　6.1.3　带有css增强的三列表格　6.1.4　带有app图标的四列表格　6.1.5　带有emoji图标的五列表格　6.1.6　多行表格　6.1.7　不相等的表格　6.1.8　springboard 　6.2　可折叠的内容块　6.3　可折叠的设置　6.4　使用css渐变进行样式化　6.5　总结第7章　创建可主题化的设计　7.1　主题基础知识　7.2　主题和调色板　7.3　主题默认值　7.4　主题继承　7.5　自定义主题　7.6　themeroller 　7.6.1　调色板和全局设置　7.6.2　preview inspector和quickswatch bar 　7.6.3　adobe kuler集成　7.6.4　入门　7.7　总结第8章　jquery mobile api 　8.1　配置jquery mobile 　8.1.1　自定义脚本的位置　8.1.2　可配置的jquery mobile选项　8.2　方法　8.3　事件　8.3.1　事件概览　8.3.2　触发事件　8.4　属性　8.5　数据属性　8.6　总结第9章　服务集成策略　9.1　使用restful服务的客户端集成　9.1.1　使用ajax的客户端twitter集成　9.1.2　使用ajax的客户端表单post 　9.2　使用mvc的服务器端集成　9.2.1　使用mvc的服务器端表单post 　9.2.2　使用mvc的服务器端数据访问　9.2.3

css sprite 雪碧图生成小程序,已在github上开源，地址：https://github.com/iwangx/sprite

四个完整的DIV+CSS网页案例，有详细解说，教你如何一步步完成页面制作。

HTML_CSS_JavaScript网页制作从入门到精通

代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/34120047 有问题博客中留言

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章