body{font-size: 60px;background:#666}
div{float:left;margin:10px;width: 1.6em;height: 1em;}
/*俄罗斯*/
.russian{
box-shadow:
0 0.33em white inset,
0 0.69em blue inset,
0 1em red inset;
}
/*西班牙*/
.span{
box-shadow:
0 0.33em red inset,
0 0.69em yellow inset,
0 1em red inset;
}
/*波兰*/
.poland{
background:linear-gradient(
red 50%, white 50%
);
}
/*爱沙尼亚*/
.eesti{
box-shadow:
0 0.33em skyblue inset,
0 0.69em black inset,
0 1em white inset;
}
/*德国*/
.de{
box-shadow:
0 0.33em black inset,
0 0.69em red inset,
0 1em yellow inset;
}
/*法国*/
.fren{
background:
linear-gradient(to right,
blue 33.3%, white 0,
white 66.6%, red 0);
background-size: 100% 30px;
}
/*阿联酋*/
.emirate{
box-shadow:
0 0.33em green inset,
0 0.69em white inset,
0 1em black inset;
border-left:0.3em solid red;
width: 1.3em;
}
/*卡塔尔*/
.qatar{
background:linear-gradient(45deg,
white 35%, #70183e 0%
);
background-size: 100% 6px;
}
/*意大利*/
.italia{
background:linear-gradient(to right,
green 33.3%, white 0,
white 66.6%, red 0
);
background-size: 100% 30px;
}
/*荷兰*/
.netherlands{
box-shadow:
0 0.33em red inset,
0 0.69em white inset,
0 1em blue inset;
}
/*奥地利*/
.austria{
box-shadow:
0 0.33em red inset,
0 0.69em white inset,
0 1em red inset;
}
/*乌克兰*/
.ukraine{
background:linear-gradient(
blue 50%, yellow 50%
);
}
/*卢森堡*/
.lu{
box-shadow:
0 0.33em red inset,
0 0.69em white inset,
0 1em skyblue inset;
}
/*巴林*/
.bahrain{
background:linear-gradient(45deg,
white 35%, red 0%
);
background-size: 100% 11px;
}
注：仅供学习使用
连载中……
网友评论