js之制作简易红绿灯

最新推荐文章于 2022-09-27 10:49:01 发布

ama7790

最新推荐文章于 2022-09-27 10:49:01 发布

阅读量1.2k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/98WDJ/p/10685559.html

版权

HTML代码：

在一个div容器内，设置3个span

<body>
<div id="i1">
    <span class="light red_light"></span>
    <span class="light yellow_light"></span>
    <span class="light green_light"></span>

</div>

CSS代码：

<style>
        .red_light {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            margin-left: 10px;
            display: inline-block;
            background-color: red;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ama7790

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js之制作简易红绿灯

HTML代码：在一个div容器内，设置3个span<body><div id="i1"> <span class="light red_light"></span> <span class="light yellow_light"></span> <span cla...
复制链接

扫一扫