用JavaScript和CSS实现多条纹的表格

来源：百度知道 编辑：UC知道 时间：2024/06/07 01:23:32

用PS做个图片 ，图片的大小和你想要的行高的两倍，图片两行的颜色要不一样，然后用这图片来做背景图片就可以实现了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>很给力的JS+CSS美化出多种条纹表格样式_网页代码站(www.6a8a.com)</title>
<style type="text/css">
body{
margin: 6px;
padding: 0;
font-size: 12px;
font-family: tahoma, arial;
background: #fff;
}

table{
width: 100%;
}
tr.odd{
background: #fff;
}
tr.even{
background: #eee;
}

div.datagrid_div{
width: 100%;
borde