【随机点名系统】

最新推荐文章于 2024-04-17 11:05:46 发布

亿元亿元

最新推荐文章于 2024-04-17 11:05:46 发布

阅读量317

点赞数

文章标签： css css3 html javascript

本文链接：https://blog.csdn.net/fover7/article/details/128086149

版权

随机点名：

用JavaScript写一个随机点名

html以及css样式部分：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        * {
     
            margin: 0px;
            padding: 0px;
        }

        body {
     
            background-color: cornsilk;
        }

        #dv {
     
            width: 800px;
            margin: 20px auto;
            border: 4px solid darkviolet;
            text-align: center;
            padding: 20px 20px 40px;
        }

        h1 {
     
            border-bottom: 2px solid pink;
            font-weight: normal;
        }

        ul li {
     
            vertical-align: top;
            display: inline-block;
            width: 100px;
            height: 50px;
            border-radius: 35%;
            border: 3px dashed palevioletred;
            text-align: center;
            line-height: 50px;
            margin: 5px 5px;
        }

        li.change {