奥运五环网格布局
-
奥运五环颜色16进制#开头
蓝色，代表欧洲；RGB:0/107/176，#006BB0；CMKY：92/60/9/1
黄色：代表亚洲；RGB：239/169/13，#EFA90D；CMYK：9/37/99/0
黑色：代表非洲；RGB：29/24/21，#1D1815；CMYK：68/67/68/80
绿色：代表大洋洲；RGB：5/147/65，#059341；CMYK：85/20/100/6
红色：代表美洲；RGB：220/47/31，#DC2F1F；CMYK：12/94/100/3
2.布局这里采用网格布局，这里我打算采用2行*3列的网格，采用css3的圆角边框border-radis，这里做出来的效果如图，圆的的大小为100px(直径)。
3.思路是：首先指定container布局方式为网格布局，其中content和item都采用居中对齐的方式，网格的大小，为正方形100px宽高，并设置背景颜色透明，如果不透明下方的单元格会覆盖上方单元格的颜色，可以看到下方的绿色是覆盖在蓝色和黄色之上的（交接处）.五环的第二行采用的是margin的方式，
margin-left:100px和margin-top:-100px,第二行第三列不指定为空，详见下方代码：
