如何用HTML技术制作一个简单的数字表盘

最新推荐文章于 2025-06-11 10:05:21 发布

原创

最新推荐文章于 2025-06-11 10:05:21 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #CSS #计数器

这就是表盘的真面目，如果要直接在要添加的位置加入数字表盘的话，要先在添加的位置写：

<div class="style__panel" id="demo-panel">
    <!--此处仅用3位数，毕竟懒癌犯了，而且多了不利于阅读-->
    <div class="style__digit">
        <ul>
            <li>0</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>0</li>
        </ul>
    </div>
    <div class="style__digit">
        <ul>
            <li>0</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>