首先,感谢亲爱的掌柜为我们提供了辣么丰富的模板,除此之外,我还想分享几个很实用的,定制度很高的网站,便于大家随心所欲的设计想要的背景纹理: ### 1. [Zen BG](http://galacticmilk.com/bg/ "Zen BG") 该网站定制度高,可以选择背景纹理,大小,布局。更精彩的在于,预览还提供css和所用素材。 这里详细解读一下这个英文网站该怎么操作: #### (1)首先看到的是该网页首页界面 <div align=center><div>首页界面</div>![](http://book.img.ireader.com/group6/M00/3E/4B/CmQUOFeESlOEYnbdAAAAALUDTeo140997457.jpg?v=ipMnvPok)</div> 包括①纹理选择;②前景明暗度选择;③纹理填充图大小;④前后景的色彩选择;⑤辐射角度;⑥生成CSS;⑦下载为壁纸。 #### (2)纹理选择 <div align=center>![](http://book.img.ireader.com/group6/M00/95/31/CmQUNleES4CEDUQ2AAAAAFPHqiw539454136.jpg?v=mFEZiudr)</div> 在这里可以直接点选,选择想要的纹理作为背景的前景。 #### (3)前后景大小选择 <div align=center><div>调整前后景</div>![](http://book.img.ireader.com/group6/M00/3E/4B/CmQUOFeES7yEOGpQAAAAACn1nvA538536221.jpg?v=6fogIoXq)</div> 这里可以拖动滑块来调整后景颜色的明暗度(Alpha),以及前景纹理的大小(Scale)。 #### (4)前后景颜色选择 <div align=center>![](http://book.img.ireader.com/group6/M00/3E/4B/CmQUOFeETU2EEA-xAAAAAEgPiHM104436307.jpg?v=z-4Z0ZUJ)</div> 在这里可以选择前后景的主要色彩(左方块为后景,右方块为前景),在一个单独的方块界面里选择色彩。 #### (5)选择颜色的方式 <div align=center><div>颜色选择</div>![](http://book.img.ireader.com/group6/M00/06/1E/CmRaIVeETauEc8Y7AAAAAKnwias430311231.jpg?v=AgayzpYj)</div> 颜色选择既可以通过圆点点选想要的颜色,也可以直接在HTML颜色编码处输入想要的颜色。 #### (6)辐射角度 <div align=center>![](http://book.img.ireader.com/group6/M00/3E/4C/CmQUOVeET0aEc_GZAAAAAJfaFw0673914644.jpg?v=ddKjQc6Y)</div> 直接点选可以选择纹理渐变的辐射方向。 #### (7)生成CSS <div align=center>![](http://book.img.ireader.com/group6/M00/3E/4B/CmQUOFeET3SEIDorAAAAADqKhhc289201224.jpg?v=7BugtFJj)</div> 直接点击,进入CSS页面,可以看到一下界面: <div align=center><div>CSS界面</div>![](http://book.img.ireader.com/group6/M00/95/32/CmQUNleET4mEVCuGAAAAAJ8DXbc236888147.jpg?v=oPIEg5Lh)</div> 包括可以下载的css打包集(ZenBG.zip,内容包括下图的预览网页“index.html”,可直接双击打开的txt文本格式的css代码“style.css”,代码块中涉及到的图片素材“zenbg-1.png”以及"zenbg-2.png"),返回按钮(return),CSS代码,以及最下面的预览图。 <div align=center><div>打包集内容</div>![](http://book.img.ireader.com/group6/M00/95/1F/CmQUN1eET-GESqRNAAAAAOvmDTg036382862.jpg?v=ZryFEQUm)</div> #### (8)壁纸下载 <div align=center>![](http://book.img.ireader.com/group6/M00/06/1E/CmRaIVeEUJGEP6qTAAAAAIzCDwk494931104.jpg?v=a0HvyOWt)</div> 此按钮可以把当前制作的纹理图,生成适合当前电脑屏幕大小的壁纸,并且下载。 ### 2. [deviantart](http://www.deviantart.com/browse/all/ "deviantart") 这主要是一个图片网站,有很多背景图片(或偏水粉系列,或偏幻想系列),非常适合小说系列的书本来选择作为背景。 ### 3. [subtle patterns](http://subtlepatterns.com/ "subtle patterns") 该网站有很多纹理背景图片可以选择下载,当然,如果要自制需要花钱,不过免费资源已经很够用啦~ 另外还有些我常用的图片资源网站这里就不重复啦,直接看[《都是“套”路》](http://www.iremaker.com/college/article/detail?id=180 "《都是“套”路》")。 当然,其实类似的网站有很多,我只是挑了其中不受外网限制,定制度高,设计度强的来分享,大家还要类似的资源可以分享哈,我会补充进来!