红绿灯[][][][]

最新推荐文章于 2023-03-01 17:12:17 发布

陈卅--

最新推荐文章于 2023-03-01 17:12:17 发布

阅读量386

点赞数

分类专栏： javaScript 文章标签： css html javascript

本文链接：https://blog.csdn.net/cchhpp2/article/details/119969583

版权

本文介绍了如何利用HTML结构，结合CSS样式和JavaScript来创建一个简单的红绿灯模拟效果。通过动态改变CSS类，实现红绿灯颜色的交替变化。

摘要由CSDN通过智能技术生成

在这里插入图片描述

红绿灯

// 上代码

<!DOCTYPE html>
<html lang="en">
<head>
<title> </title>
  <style>
      * {
    margin: 0; padding:0}
      .box {
   
				width: 250px;
				height: 52px;
				padding: 15px 30px;
				border: 2px solid #ccc;
				/* border-radius: 16px; */
                border-radius: 50px;
				margin: 0 auto;
			}
			.box .count {
   
                /* overflow: hidden; */
                width: 60px;
                height: 50px;
				line-height: 50px;
				color: rgb(27, 4, 4);
				font-size: 50px;
				margin-left