js实现只显示一个骰子页面，其余的不显示（HTML使用栅格布局实现六种筛子的样式）

最新推荐文章于 2022-04-01 22:45:17 发布

南墙

最新推荐文章于 2022-04-01 22:45:17 发布

阅读量1.4k

点赞数 20

分类专栏： JavaScript HTML 文章标签： js实现只显示一个骰子页面其余的隐藏定时显示骰子页面

本文链接：https://blog.csdn.net/a1439775520/article/details/106526288

版权

页面开始的时候就运行，效果图：

在这里插入图片描述

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.big {
   
				width: 100px;
				height: 100px;
				background: skyblue;
				display: flex;
				margin-top: 20px;
			} 
			.small {
   
				width: 10px;
				height: 10px;
				background: purple;
				border-radius: 5px;
			}
			
			.one {
   
				display: flex;
				justify-content: center;
				/*交叉轴*/
				align-items: center;
			}
			
			.two {
   
				display: flex;
				justify-content: space-around;
				align-items: center;
			}
			
			.two2 {
   
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
			}
			
			.three {
   
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: center;
			}
			
			.four {
   
				display: flex;
				justify-content: space-around;
			}
			
			.four1 {
   
				display: flex;
				justify-content: space-around;
				align-items: center;
			}
			
			.four2 {
   
				display: flex;
				flex-direction: column

最低0.47元/天解锁文章

南墙

关注

20
点赞
踩
1

收藏

觉得还不错? 一键收藏
22
评论
js实现只显示一个骰子页面，其余的不显示（HTML使用栅格布局实现六种筛子的样式）

页面开始的时候就运行，效果图：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .big { width: 100px; height: 100px; background: skyblue; display: flex;
复制链接

扫一扫