实现 表格 隔行变色 案例
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格隔行变色title>
<script src="../jquery.js">script>
<style>
table{
width:100%;
}
caption{
font-weight: 900;
font-size: 24px;
line-height: 2;
}
table,th,td{
border-bottom: 0.5px solid lightgrey;
border-collapse: collapse;
}
th,td{
height: 30px;
}
th{
color: green;
}
.bg{
background-color: #1E6FFF;
}
.bt{
background-color: #EEEFFF;
}
style>
head>
<body>
<table>
<caption>
Web前端就业课程
caption>
<tr>
<th>课程内容th>
<th>描述th>
<th>备注th>
tr>
<tr>
<td>设计与构建静态网站td>
<td>HTML&cSs基础内容td>
<td>还好td>
tr>
<tr>
<td>JavaScript核心语法td>
<td>ECMAScript语法内容td>
<td>还好td>
tr>
<tr>
<td>锋利的jQuerytd>
<td>首个第三方JS库td>
<td>很好td>
tr>
<tr>
<td>全面掌握Ajaxtd>
<td>异步交互技术td>
<td>很好td>
tr>
table>
<script>
$('table tr:even').attr('class','bt');