任务一 骰子图案制作

任务一 骰子图案制作

任务要求

骰子案例1

(1)新建文件2001.html。

(2)新建6个div(240*240),设置边框,盒子阴影,内边距为15像素。

(3)设置里面的点(50*50)。

(4)利用flex布局,设置样式如图20.1.1所示,其CSS代码如图20.1.2所示,HTML结构如图20.1.3所示。

图20.1.1 骰子图案样式

骰子案例2

图20.1.2 骰子图案CSS代码

图20.1.3 骰子图案HTML结构