哈哈,最近发现一个表格设计挺漂亮的,存下档,以便日后之需。
css代码:
.mylist
{
width: auto;
height:auto;
border:1px solid #accdf4;
margin-top:10px;
font-family:"宋体";
font-size:12px;
color:#155c9f;
text-align:center;
border-collapse: collapse;
}
.mylist th
{
background-color:#d0e4ff;
text-align:center;
border-right:1px solid #accdf4;
border-bottom:1px solid #accdf4;
text-align:center;
height:25px;
line-height:25px;
width:100px;
}
.mylist td
{
border-right:1px solid #accdf4;
text-align:center;
height:25px;
line-height:25px;
width:100px;
}
html代码如下:
<table class="mylist">
<tr>
<th>选择</th>
<th>报送单位</th>
<th>报送月份</th>
<th>事故类型</th>
<th>报送时间</th>
</tr>
<tr>
<td ><input type="checkbox" /></td>
<td> 广州市</td>
<td> 2010年10月</td>
<td> 公路事故月报</td>
<td> 2010年11月8日 17:30</td>
</tr>
<tr style="background-color:#eeeeee;">
<td ><input type="checkbox" /></td>
<td> 广州市</td>
<td> 2010年10月</td>
<td> 公路事故月报</td>
<td> 2010年11月8日 17:30</td>
</tr>
<tr>
<td ><input type="checkbox" /></td>
<td> 广州市</td>
<td> 2010年10月</td>
<td> 公路事故月报</td>
<td> 2010年11月8日 17:30</td>
</tr>
<tr style="background-color:#eeeeee;">
<td ><input type="checkbox" /></td>
<td> 广州市</td>
<td> 2010年10月</td>
<td> 公路事故月报</td>
<td> 2010年11月8日 17:30</td>
</tr>
</table>
效果图见附件:
- 大小: 45.7 KB
分享到:
相关推荐
21个新奇漂亮的AjaxCSS表格设计
2.thead, tbody, tfoot thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如,可以将所有列标题放在thead元素中,这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元
国外人写的,8款非常好看的css表格,纯英文 国外人写的,8款非常好看的css表格,纯英文 国外人写的,8款非常好看的css表格,纯英文
1、这是一个让人眼前一亮的设计,通过java swing能设计出如此漂亮的界面实属不易; 2、该代码的一个优势,能够复用!! 3、能够创建简单的表,插入表,查询表的功能,尤其是查询部分可以在空白处输入SQL语句就可以...
Authorware作品===漂亮时钟表Authorware作品===漂亮时钟表Authorware作品===漂亮时钟表
V6-906_STemWin提高篇实验_简易表盘界面设计(uCOS-III)
WPF仪表盘空间自定义设计,控件自定义,指针刻度,表盘颜色,轮廓大小自定义设置,并加详细注释说明
表2-1主页面表 "包名 "作用 " "src "容纳所有文件 " 表2-2文件表 "文件名 "作用 " "Game.java "运行文件 " "GameFrame.java " " "Cheerup.java " " "PaintPanel.java " " 5 系统功能结构 3.1详细设计 1. 系统模块...
把漂亮的时钟放在自己的office上 打开你自已的表和这个表→在本表→视图→工具栏→控件工具箱→点击设计模式→右键喜欢的时钟→复制→到你自己的表上→粘贴→点击设计模式→保存.
一个好看的web表格,设计网页不再愁dsfasdfasdfsdfasdfsdfasdf
这是一款简洁的CSS价格表设计效果。该价格表使用Bootstrap网格系统进行布局,并通过简单的CSS代码来对它进行美化,制作出漂亮的价格表效果。
方法一:恰当的设置表格的列宽往往能给表格的美观性带来较好的效果。一种简单的方法是:调用表头的setSectionResizeMode()方法,代码如下:参数QH
winform(c#)最全60种非常漂亮界面样式\皮肤(经典)
353.黑色漂亮房地产园林设计公司网站模板 354.紫色漂亮精美医疗美容企业网站模板 355.清爽漂亮的三栏科技博客wordpress模板下载 356.漂亮响应式互联网科技公司wordpress主题模板 357.简单洁白CleanLines框架html5...
让更多人接受,因此首先要清楚先要做什么后要做什么,再次我们可以规划一下我们的步骤:首先做出一个流程图,然后对即将做出的游戏构思一个漂亮的界面,最后一步就是要写出我们的程序源代码。 一、让别人清楚你的...
漂亮HTML5表格不是表格:) 这个项目是我将要参与的一个即将到来的商业项目中使用的一个概念。 我一直在寻找像这样的客户端组件: 我想要一个可排序,可过滤,可搜索和可分页的表。 我还遵循一个设计,该设计需要...
自己设计的哦,保证不用修改就直接能运行。很漂亮的时钟和日历的完美结合。下完要好评哦。
最近学校刚做的一个作业,内容是为一个人力资源部门设计一个电子表的系统。使用了一定量的vba(2000行左右),而且我自己觉得做的很漂亮哦~~~。内部的主要功能有: <br>optiaml recruitment policy 自动报告的...
几款非常漂亮的UI,直接打开就可以看到效果,椭圆扁平的设计,暖色系各种控件可以挑选自己喜欢的使用,种类繁多,量力而行
支持表,列类型,约束,键,大多数SQL命令,漂亮的打印以及导入/导出CSV功能。 发展概况 记录 Record类将记录的值存储在固定大小的数组中。 字段数是在构造时定义的,不能更改。 这样可以提高健壮性并减少表损坏的...