武林網(wǎng)(www.companysz.com)文章簡介：在cssplay網(wǎng)站看到有一組CSS像素畫，于是也想摩仿一下，于是在網(wǎng)絡(luò)上找到一組頭像圖標(biāo)，看其結(jié)構(gòu)比較簡單，就拿它開刀吧！

在cssplay網(wǎng)站看到有一組CSS像素畫，于是也想摩仿一下，于是在網(wǎng)絡(luò)上找到一組頭像圖標(biāo)，看其結(jié)構(gòu)比較簡單，就拿它開刀吧！先看看預(yù)覽圖

圖一

基本原理：

沒有什么技術(shù)含量，主要是利用背景色和邊框色來渲染每一個像素點，加上絕對定位，就可以變換出不同的風(fēng)格。在制作一幅圖片之前最好是將圖片黑白風(fēng)格化，然后用PS放大圖片，將各個點的位置計算精確。剩下的事情就是無窮的耐心和細心了。

演示：

運行代碼框

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]