秋天到了,枫树最引人注目了,她们的叶子都红了,一阵风吹过许多叶子就纷纷落了下来,飘在半空中像红色的蝴蝶一样在天空中飞舞,又好像是蝴蝶仙子下凡。
先看看效果图:
CSS Code复制内容到剪贴板
- <style>
- .dict{margin:20px0;clear:both;text-align:left;font-size:12px;}
- .dicta{line-height:24px;height:24px;display:inline-block;background:#fff;padding:3px11px;margin:10px5px00;border-radius:8px;-moz-transition:all0.5s;-webkit-transition:all0.5s;-o-transition:all0.5s;transition:all0.5s;}
- .dicta{color:#FFF;text-decoration:none}
- .dicta:hover{border-radius:0;text-shadow:#0001px1px1px}
- .dict.pcolora:nth-child(8n-7){background:#8A9B0F}
- .dict.pcolora:nth-child(8n-6){background:#EB6841}
- .dict.pcolora:nth-child(8n-5){background:#3FB8AF}
- .dict.pcolora:nth-child(8n-4){background:#FE4365}
- .dict.pcolora:nth-child(8n-3){background:#FC9D9A}
- .dict.pcolora:nth-child(8n-2){background:#EDC951}
- .dict.pcolora:nth-child(8n-1){background:#C8C8A9}
- .dict.pcolora:nth-child(8n){background:#83AF9B}
- .dict.pcolora:first-child{background:#036564}
- .dict.pcolora:last-child{background:#3299BB}
- </style>
- <divclass="dict">
- <pclass="pcolor">
- <arel="nofollow noopener noreferrer" href="#">html</a>
- <arel="nofollow noopener noreferrer" href="#">css3</a>
- <arel="nofollow noopener noreferrer" href="#">网站模版</a>
- <arel="nofollow noopener noreferrer" href="#">个人博客模版</a>
- <arel="nofollow noopener noreferrer" href="#">扁平化</a>
- <arel="nofollow noopener noreferrer" href="#">div+css</a>
- <arel="nofollow noopener noreferrer" href="#">bootstrap</a>
- <arel="nofollow noopener noreferrer" href="#">企业模版</a>
- <arel="nofollow noopener noreferrer" href="#">古典/文化</a>
- <arel="nofollow noopener noreferrer" href="#">婚纱摄影</a>
- <arel="nofollow noopener noreferrer" href="#">爱情</a>
- <arel="nofollow noopener noreferrer" href="#">jquery</a>
- </p>
- </div>
原文链接:http://www.cnblogs.com/cssteach/archive/2016/06/16/5590375.html