css鼠标经过td变色

基础概念

CSS（层叠样式表）是一种用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的样式表语言。通过CSS，可以控制网页元素的布局、颜色、字体等视觉效果。

类型

CSS的类型主要包括：

内联样式：直接在HTML元素中使用style属性定义样式。
内部样式表：在HTML文档的<head>部分使用<style>标签定义样式。
外部样式表：将CSS代码放在单独的文件中，通过<link>标签引入到HTML文档中。

应用场景

CSS广泛应用于网页设计、应用程序界面设计、响应式设计等领域。

示例代码

以下是一个简单的示例，展示如何在鼠标经过<td>元素时改变其背景颜色：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Hover Effect</title>
    <style>
        td:hover {
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>
    <table border="1">
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 3</td>
            <td>Cell 4</td>
        </tr>
    </table>
</body>
</html>