易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS修饰的表格

下面这个CSS样式的表格,个人感觉颜色起到了很大的作用。如果不是两种颜色的对比效果好,可能也就是一般的表格:
先来看HTML:
<table width="590" cellspacing="1">
 <caption>
  text
 </caption>
 <thead>
<tr>
<th class="line1" scope="col">text</th>
<th scope="col">text</th>
<th scope="col">text</th>
<th class="line4" scope="col">More</th>
</tr>
</thead>
 <tbody>
<tr>
<th height="78">text text text text</th>
<td>text text text text</td>
<td>text text text</td>
<td class="line4"> </td>
</tr>
 </tbody>
 <tfoot>
<tr>
<th></th>
<td></td>
    <td></td>
    <td></td>
</tr>
</tfoot>
</table>
上面的表格没有什么要解释的,建议大家用thead,tbody,tfoot这些具有语义的标签。
body{
 background-color:#D5DFE9;
}
table{
 border-spacing:1px;
 border:1px solid #A2C0DA;
}
td, th{
 padding:2px 5px;
 border-collapse:collapse;
 text-align:left;
 font-weight:normal;
}
thead tr th{
 background:#B0D1FC;
 border:1px solid white;
 
}
thead tr th.line1{
 background:#D3E5FD;
}
thead tr th.line4{
 background:#C6C6C6;
}
tbody tr td{
 height:50px;
 background:#CBE2FB;
 border:1px solid white;
 vertical-align:top;
}
tbody tr td.line4{
 background:#D5D6D8;
}
tbody tr th{
 height:50px;
 background: #DFEDFF;
 border:1px solid white;
 vertical-align:top;
}
caption,tfoot{
 display:none;
}
#btn{
 text-align:center;
}
.txt{
 width:200px;
 height:20px;
}
上面的样式没有特别的地方。欢迎大家留言。


相关文档:

动态改变页面的CSS样式

在asp.net中,有的时候要动态变换CSS,比如有的时候做个性化页面,可以这样做
<head>
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
</head>
之后,在要更换CSS的页面中,使用如下代码
Sub Page_Load(Sender As Object, E As EventArgs)
 If Not (IsPostBack) ......

JavaScript CSS Style属性对照表

JavaScript代码
<mce:script type="text/javascript"><!--
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
// --></mce:script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmo ......

关于js,css在不同的浏览器中的兼容问题

网页开发人员都知道,现在的浏览器对不同的js,css的解析不尽相同,特别是IE早期版本的不规范.不过以后会好一些,现在的浏览器新版本都在向W3C靠拢.现在我们要解决的是现在的问题.
解决css和js针对不同浏览器兼容的问题
首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的 ......

5个CSS书写技巧

1. CSS Reset/重置
你也许需要先了解什么是css重置。然后怎么样写css重置呢。
你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根据你的项目改成你自己的reset.
不要使用* { margin: 0; padding: 0; } 。我个人很爱用,原作者提到使用这句并不适用一些元素比如单选按钮。不过俺博客里面也没有单 ......

CSS中常用的实例

几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好
ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为:
1……
2…& ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号