css如何实现外星人图形

这篇文章将为大家详细讲解有关css如何实现外星人图形，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

太空入侵者（电脑游戏名）

#space-invader {   box-shadow: 0 0 0 1em red,   0 1em 0 1em red,   -2.5em 1.5em 0 .5em red,   2.5em 1.5em 0 .5em red,   -3em -3em 0 0 red,   3em -3em 0 0 red,   -2em -2em 0 0 red,   2em -2em 0 0 red,   -3em -1em 0 0 red,   -2em -1em 0 0 red,   2em -1em 0 0 red,   3em -1em 0 0 red,   -4em 0 0 0 red,   -3em 0 0 0 red,   3em 0 0 0 red,   4em 0 0 0 red,   -5em 1em 0 0 red,   -4em 1em 0 0 red,   4em 1em 0 0 red,   5em 1em 0 0 red,   -5em 2em 0 0 red,   5em 2em 0 0 red,   -5em 3em 0 0 red,   -3em 3em 0 0 red,   3em 3em 0 0 red,   5em 3em 0 0 red,   -2em 4em 0 0 red,   -1em 4em 0 0 red,   1em 4em 0 0 red,   2em 4em 0 0 red;   background: red;   width: 1em;   height: 1em;   overflow: hidden;   margin: 50px 0 70px 65px; }

关于“css如何实现外星人图形”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。