您现在的位置是:网站首页> 编程资料编程资料
推荐一篇利用th,colgroup,col定义表格样式_经验交流_
2023-05-25
251人已围观
简介 推荐一篇利用th,colgroup,col定义表格样式_经验交流_
定义表格各列的样式,不用每个td都在那里加一堆的Class,利用th,colgroup,col等属性,轻松搞定^_^
代码如下:
抛砖引玉,更多效果就由你DIY了!
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
代码如下:
复制代码 代码如下:
| TagName | ClassName | CSS |
|---|---|---|
| table | Demo | border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; |
| th | padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1; | |
| td | padding: 3px 7px; border: 1px solid #f60; | |
| col | Col1 | text-align: right; background: #f5f5f5; |
| col | Col2 | color: #00c; |
| col | Col3 | font-style: italic; |
抛砖引玉,更多效果就由你DIY了!
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
相关内容
- 你不一定知道的Label的For用法_经验交流_
- CSS网页布局入门教程14:纵向下拉及多级弹出式菜单_基础教程_
- CSS网页布局入门教程13:下拉及多级弹出式菜单_基础教程_
- CSS网页布局入门教程12:纵向导航菜单_基础教程_
- CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版_基础教程_
- CSS网页布局入门教程10:带当前标识的标签式横向导航_基础教程_
- CSS网页布局入门教程9:用CSS设计网站导航——横向导航_基础教程_
- CSS网页布局入门教程8:三列浮动中间列宽度自适应_基础教程_
- CSS网页布局入门教程7:二列固定宽度居中_基础教程_
- CSS网页布局入门教程6:左列固定,右列宽度自适应_基础教程_
