- 浏览: 1096227 次
文章分类
- 全部博客 (379)
- S2SH (16)
- stuts2 (0)
- java语言 (81)
- JSP (17)
- <html>元素 (11)
- javaweb (4)
- web容器 (3)
- ext (23)
- javaScript (48)
- ant (1)
- liferay (1)
- sql (9)
- css (42)
- 浏览器设置 (3)
- office_world (1)
- eclipse (4)
- 其它 (28)
- 操作系统 (5)
- android (6)
- Struts2 (11)
- RegEx (3)
- mysql (5)
- BigDATA (1)
- Node.js (1)
- Algorithm (10)
- Apache Spark (1)
- 数据库 (5)
- linux (2)
- git (1)
- Adobe (3)
- java语言,WebSocket (1)
- Maven (3)
- SHELL (1)
- XML (2)
- 数学 (2)
- Python (2)
- Java_mysql (1)
- ReactJS (6)
- 养生 (4)
- Docker (1)
- Protocols (3)
- java8 (2)
- 书籍 (1)
- Gradle (2)
- AngularJS (5)
- SpringMVC (2)
- SOAP (1)
- BootstrapCSS (1)
- HTTP协议 (1)
- OAuth2 (1)
最新评论
-
Lixh1986:
Java并发编程:自己动手写一把可重入锁https://blo ...
Java之多线程之Lock与Condition -
Lixh1986:
http://win.51apps.com.cn/https: ...
temp -
ztwsl:
不错,支持很好
HttpServletRequest和ServletRequest的区别 -
guodongkai:
谢谢您能将知识精华汇编总结,让初学者们从原理中学会和提高。
javaScript之function定义 -
kangwen23:
谢谢了,顶顶
struts2中的ValueStack学习
效果:
代码:
代码:
<!DOCTYPE html> <!-- saved from url=(0046)http://vamin.net/examples/rounded_tables2.html --> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Rounded Tables with CSS3</title> <style type="text/css"> table { background:#ccc; margin:20px; border:#ccc 1px solid; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px} table th {padding:4px 10px} table td { background:#fff; padding:2px 10px 4px 10px} table tr.even td {background:#eee} table tr:last-child td:first-child { -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px} table tr:last-child td:last-child { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px} table.collapsed {border-collapse:collapse} </style> <style type="text/css"></style></head> <body> <h1>Rounded Tables with CSS3</h1> <p>Works in newer versions of Safari and Firefox. Degrades gracefully to square corners in IE and Opera.</p> <h2>Uncollapsed</h2> <table> <tbody><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr> <tr><td>1</td><td>1</td><td>2</td></tr> <tr class="even"><td>3</td><td>5</td><td>8</td></tr> <tr><td>13</td><td>21</td><td>34</td></tr> <tr class="even"><td>55</td><td>89</td><td>144</td></tr> <tr><td>233</td><td>377</td><td>610</td></tr> </tbody></table> <h2>Collapsed</h2> <p>Border-radius does not apply to tables with the border-collapse:collapse property set.</p> <table class="collapsed"> <tbody><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr> <tr><td>1</td><td>1</td><td>2</td></tr> <tr class="even"><td>3</td><td>5</td><td>8</td></tr> <tr><td>13</td><td>21</td><td>34</td></tr> <tr class="even"><td>55</td><td>89</td><td>144</td></tr> <tr><td>233</td><td>377</td><td>610</td></tr> </tbody></table> <h2>Cellspacing=0</h2> <table cellspacing="0"> <tbody><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr> <tr><td>1</td><td>1</td><td>2</td></tr> <tr class="even"><td>3</td><td>5</td><td>8</td></tr> <tr><td>13</td><td>21</td><td>34</td></tr> <tr class="even"><td>55</td><td>89</td><td>144</td></tr> <tr><td>233</td><td>377</td><td>610</td></tr> </tbody></table> </body></html>
发表评论
-
Flex之 justify-content 和 flex-direction 的应用
2021-12-23 19:39 314flex 简介: 采用Flex布局的元素,被称为Flex容 ... -
CSS之页面元素飞入效果
2020-04-18 17:50 684效果预览: - https://www.runoob.com ... -
CSS之垂直居中
2020-04-02 10:00 351css里面用text-align:center ... -
Sass之&引用父选择器
2018-08-08 11:29 8253Sass之&引用父选择器 描述: 您可以使用&字符选 ... -
HTML5之canvas之粒子效果
2018-01-26 10:32 1443效果图: JavaScript 代码实现: & ... -
CSS之导航栏设计之 ul 之 li 标签排成一行
2019-06-04 11:11 2311在HTML页面元素设计中, 把具有相同一类功能的列表用 li ... -
HTML5/CSS3鼠标滑过图片滤镜动画效果
2017-12-21 10:54 1289HTML5/CSS3鼠标滑过图片滤镜动画效果 以前我们用CS ... -
CSS之提示框实现
2017-08-02 05:08 1939效果图: 注意以下要点: 1、提示框的箭头效果,且箭头 ... -
Responsive Web Design(自响应式网页设计)
2017-05-28 22:43 1209Responsive Web Design(自响 ... -
css 之 linear-gradient 之 进度条(progress bar)
2017-05-25 18:14 2139CSS 的 linear-gradient() 函数会创建 ... -
在 css 中使用 @font-face
2017-05-24 14:15 528@font-face 允许用户使用自定义的字体。在css中定义 ... -
jQuery之mouseover,mouseover,mouseout,mouseleave
2017-03-14 10:20 630Jquery mouseenter() vs mouseove ... -
css:flex布局
2017-03-13 17:43 864A Complete Guide to Flexbox htt ... -
网站页面配色
2017-01-05 10:12 658导航栏,菜单栏 左侧菜单 导航,底部,选择列表 ... -
BootstrapCSS之Select
2016-10-18 17:00 1051效果图: 代码: <!-- Inclu ... -
CSS样式之带边框的 Anchor(超链接)
2016-10-08 15:19 2883效果图: HTML: <a c ... -
bootstrap css之响应式导航栏
2016-08-29 16:58 16724- 使用 Twitter Bootstrap 3 创建响应式导 ... -
CSS之 white-space : pre
2016-06-15 10:21 960在 github 的代码浏览页面,可以看到这样的 css 样式 ... -
CSS - li 元素显示在一行____ a 元素没有下横线
2016-05-27 20:44 2186原文链接: http://www.w3schools.com/ ... -
[css - hr ] border color 横线高度和颜色
2016-04-28 10:59 3699如果设定 hr 的 border,会发现其高度会比不设置高2倍 ...
相关推荐
让IE6也识别CSS3-圆角效果应用border-radius
让IE实现CSS3中的border-radius(圆角)
引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果
npm install tailwindcss-border-gradient-radius yarn add tailwindcss-border-gradient-radius 用法 简单的 { theme : { linearBorderGradients : theme => ( { colors : theme ( 'colors' ) , background :...
css3教程应用css3 圆角border-radius属性制作...
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 然而,今天我们不关心前缀,只简单坚持官方形式:border-radius。 如你所料,我们可以为每个角指定不同的值。 CSS C
-webkit-border-top-left-radius: 4px; -webkit-border-top-rightright-radius: 3px; -webkit-border-bottom-rightright-radius: 6px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: ...
-moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候,去掉哪个属性,对用他们做内核的浏览器就有影响,如果没值的话,就没影响,这两个属性和,IE,和...
如有使用疑问,联系博主 bootstrap-table-fixed-columns.css固定列 冻结列
本文实例讲述了bootstrap-table后端分页功能。分享给大家供大家参考,具体如下: ...link rel="stylesheet" href="../plugins/bootstrap-table/css/bootstrap-table.css" rel="external nofollow" >
CSS3中的box-sizing(content-box与border-box) CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式: content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中使用的都是这个盒模型 border...
css-div的border属性使用&伪元素伪类
bootstrap-table插件:bootstrap-editable,可编辑下拉框,以及代码实例,
bootstrap-table实现 行拖拽 插件 jquery.tablednd.js bootstrap-table-reorder-rows.js bootstrap-table-reorder-rows.css
压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑
-moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; behavior: url(border-radius.htc); 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” ...
一些css特效,可做学习之用
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.test { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-...