HTML系列：n种方式实现隔行变色

最新推荐文章于 2022-01-06 18:47:27 发布

公子清

最新推荐文章于 2022-01-06 18:47:27 发布

阅读量2.6k

点赞数 1

分类专栏： HTML系列 js系列文章标签： js的n种方式实现隔行变色

本文链接：https://blog.youkuaiyun.com/Josiah_Yuan/article/details/103464477

版权

本文详细探讨了多种实现HTML表格隔行变色的技巧，包括使用CSS选择器、JavaScript动态设置样式等方法，展示了不同的实现效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

n种方式实现隔行变色

  <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>n种方式实现隔行变色</title>
    <style>
        .box {
   
            margin: 20px auto;
            width: 300px;

        }

        .box li {
   
            line-height: 35px;
            border-bottom: 1px dashed #AAA;
            padding: 0 5px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;