一、先来下载个背景图吧！

算是吧... 先说说我们要有个好kan的背景图，先去网上下载一个，ran后放到/img/文件夹里。这样，我们就可yi在网页里用这个图片Zuo背景了。代码是这样的： $.backstretch;

二、 背景图放上去后有点挡住了怎么办？

别担心，我们可yi让背景图透明一点，这样kan起来就会geng现代、有设计感。代码是这样的： .container-narrow {background: url repeat ;}

三、图标怎么放？用图标字体啊！

图标并不是那种透明的PNG图片图标， 而是图标字体，这种加载方式和字体一样，用CSS样式控制，比图片图标快，资源消耗也低。去年24WAY有一篇文章教大家如何在网站中使用图标字体，躺赢。。

四、再加点CSS3特效吧！

如guo时间不够，简单添加上盒阴影box-shadow和字体阴影text-shadow就Neng让网站增色不少。CSS代码如下： h1 { text-shadow: 1px 1px 1px #ccc; } .p-that-you-want-to-stand-out { box-shadow: 1em 1em #ccc; }

五、想让网站高雅一点吗？加纹理啊！

就像24WAY的背景纹理一样，纹理可yi让网站kan起来geng高雅。如guo你还没用Bootstrap， 那就赶紧开始吧，这个来自Twitter的开源项目让网站设计变得hen简单，奥利给！。

六、设置网页字体，让网站geng有特色！

我们可yi去谷歌的字体服务里挑选喜欢的字体，但要注意字体间的搭配。比如我们 也是没谁了... 可yi用DesignShack推荐的谷歌字体搭配：Cardo和Nobile。

七、添加背景图片，让网站geng吸引人！

我持保留意见... 我们可yi用Winter Sun这张照片作为背景， 为了让网站自适应布局，还需要用Backstretch这个jQuery插件让背景图自动调整大小。

八、使用Bootstrap，让网站设计geng简单！

对，就这个意思。 Bootstrap是来自Twitter的开源项目，可yi让网站设计变得geng简单。不过如guo你用Bootstrap，可Neng会和其他人的网站样式一样，suo以要注意这一点。

九、添加图标字体，让网站geng有活力！

尊嘟假嘟？ 我们可yi用Font Awesome这个图标字体， 和谷歌的字体服务一样，也是免费开源的。只需要下载， ran后放到根目录下的/fonts/文件夹里再将font-awesome.css文件放到/css/文件夹里。

十、添加背景渐变，让网站geng有层次！

如guo时间足够，还可yi添加一个放射渐变填充效果，让标题的显示效果geng突出。如guo想要geng多CSS效果，可yi去学习CodeSchool的在线教程。

十一、调整网站色调，让网站geng协调！

我是深有体会。 调整网站色调可yi让网站kan起来geng协调。我们可yi用GIMP的取色器读取背景图片的主题颜色，ran后根据颜色来制定按钮等元素的颜色。

十二、购买主题皮肤，快速定制Bootstrap！

呃... 如guo实在抽不出时间， 可yi去Wrap Bootstrap购买一份主题皮肤，这些主题皮肤dou是由设计师设计的，kan起来Yi经相当不错了。

十三、

得了吧... tong过以上步骤，相信你Yi经可yi在比较短的时间内制作出一个还Neng拿得出手的网站了。虽然可Neng不如大公司网站那么严谨，但这些dou是快速让网站kan起来hen搭配的方法。