易截截图软件、单文件、免安装、纯绿色、仅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;
}
上面的样式没有特别的地方。欢迎大家留言。


相关文档:

IE6不解析某些CSS代码的解决方法

网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!
  估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS ......

通过使页面动态加载不同CSS实现多界面

 通过使页面动态加载不同CSS实现多界面
方法一:
<%@page language="C#"%>
<%@import namespace="System.Data"%>
<script language="c#" runat="server">
public void page_load(Object obj,EventArgs e)
{
//创建服务器端控件.
//指定的标记"LINK"初始化此类的新实例.
HtmlGeneric ......

CSS中存在的BUG

1.div的垂直居中问题 
vertical-align:middle; 
将行距增加到和整个DIV一样高 line-height:200px; 
然后插入文字,就垂直居中了。缺点是要控制内容不要换行。
2. margin加倍的问题     
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案 ......

css div 下拉菜单

原样式:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</titl ......

css菜单导航

这是我在一个网站上看到的,CSS控制一个菜单,很经典实用
Css文件如下:css.css
@charset "UTF-8";
/* navigation.css
$Revision: 1.0 $
(c) 2008 Fortinet, Inc. All rights reserved.
*/
/* Navigation Styles ------------------------------------------- */
#wrapper
{
 width:1000px;margin:0 auto;
} ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号