在建网站的过程当中使用背景图片似乎是绕不过去的一个环节，背景图的使用能更好的衬托出想要表达的内容，也可以让局部细节达到最完美的状态，合理使用背景能够让视觉感官有一个更加的舒服体验，专业设计师会让背景用的恰到好处，没有目的的使用往往会适得其反，不仅达不到想要表现的效果，反而还会喧宾夺主影响主体内容的表现。

　　建网站时对于图片的颜色也有一定的选择技巧，郑州建企业网站时可以选择和主页面相溶合的颜色，以达到视觉平滑，分享几点背景图片的使用方法：

　　第一种用法：幻灯图或大banner图

　　一个当下的网站往往离不开大尺寸的幻灯图片或banner大图，大图组合创意和文字给人带来的视觉效果是相当震撼的，再加上一般会显示在网页的第一屏重要程度不用言语，使用方式一般做背景来用，宽度1920px高度不超过700px，只要是新做的网站都会有这个模块。

　　第二种用法：页面中间固定模式

　　在这种使用方式下，大图片一般会以全屏尺寸来设计，如1920X900px的尺寸，平铺不重复做为网页某一块的背景，同时设置图片展现行为fixed固定不动，当用户拉动网页下拉滚动条的时候会造成页面内容在往上移动而背景固定不动的视频效果。

　　第三种用法：小范围频道背景

　　往往使用于网页小块的频道头或分类标题下，可以是纯颜色，如果想要达到很好的视觉效果就只能使用图片，做为背景图片时颜色往往较重，而上面的文字一般用亮色，用一个重的背景来衬托文字，视觉效果相当不错。

　　第四种用法：局部动态效果展示

　　在这种展示效果中用到的背景图片往往是以PNG图片为主的透明素材，用DIV+CSS写好布局再加CSS3的动画特效，能给人非常强烈的视觉体验，CSS3动画效果的强大也是FLASH没落的一个重要原因。

　　第五种用法：网页精灵图(css sprites)

　　所谓网页精灵图Sprites即使用一张大图把整个或部分网页用到的小图都全部集中到一张图片上，然后在网页使用时再通过各个小图的坐标位置来分别调用，使用负值来调用分别对应的图片位置。

html转为pdf的组件有很多，但是还没有哪一款能达到这个效果，其只要原因是wkhtmltopdf使用webkit网页渲染引擎开发的用来将 html转成 pdf的工具，可以跟多种脚本语言进行集成来转换文档。但是就使用简便性来说还是itext等组件占据优势，如果你要转换格式有比较高的要求，那么wkhtmltopdf绝对是不二之选！

下载路径

官网地址 wkhtmltopdf.org/

github地址 github.com/wkhtmltopdf…

使用方法

1. windows直接使用：只要在windows命令行中输入c:\wkhtmltopdf.exe my.oschina.net/papio/blog/… c:\blog.pdf 就可以把这篇文章转成pdf，并保存到C盘根目录。
2. java调用：java中调用wkhtmltopdf的命令Runtime.getRuntime().exec("c:\wkhtmltopdf.exe my.oschina.net/papio/blog/… c:\blog.pdf")就可以实现转换。

java调用demo

public class HtmlToPdfInterceptor extends Thread { private InputStream is; public HtmlToPdfInterceptor(InputStream is){ this.is = is; } public void run(){ try{ InputStreamReader isr = new InputStreamReader(is, "utf-8"); BufferedReader br = new BufferedReader(isr); String line = null; while ((line = br.readLine()) != null) { System.out.println(line.toString()); //输出内容 } }catch (IOException e){ e.printStackTrace(); } }}public class HtmlToPdf { //wkhtmltopdf在系统中的路径 private static final String toPdfTool = "D:\wkhtmltopdf\bin\wkhtmltopdf.exe"; /** * html转pdf * @param srcPath html路径，可以是硬盘上的路径，也可以是网络路径 * @param destPath pdf保存路径 * @return 转换成功返回true */ public static boolean convert(String srcPath, String destPath){ File file = new File(destPath); File parent = file.getParentFile(); //如果pdf保存路径不存在，则创建路径 if(!parent.exists()){ parent.mkdirs(); } StringBuilder cmd = new StringBuilder(); cmd.append(toPdfTool); cmd.append(" "); cmd.append(" --header-line");//页眉下面的线 cmd.append(" --header-center 这里是页眉这里是页眉这里是页眉这里是页眉 ");//页眉中间内容 //cmd.append(" --margin-top 30mm ");//设置页面上边距 (default 10mm) cmd.append(" --header-spacing 10 ");//(设置页眉和内容的距离,默认0) cmd.append(srcPath); cmd.append(" "); cmd.append(destPath); boolean result = true; try{ Process proc = Runtime.getRuntime().exec(cmd.toString()); HtmlToPdfInterceptor error = new HtmlToPdfInterceptor(proc.getErrorStream()); HtmlToPdfInterceptor output = new HtmlToPdfInterceptor(proc.getInputStream()); error.start(); output.start(); proc.waitFor(); }catch(Exception e){ result = false; e.printStackTrace(); } return result; } public static void main(String[] args) { HtmlToPdf.convert("https://my.oschina.net/papio/blog/835645", "d:/wkhtmltopdf.pdf"); }}复制代码

wkhtmltopdf 参数详解

wkhtmltopdf [OPTIONS]... <input file> [More input files] <output file>常规选项 --allow <path> 允许加载从指定的文件夹中的文件或文件（可重复） --book* 设置一会打印一本书的时候，通常设置的选项 --collate 打印多份副本时整理 --cookie <name> <value> 设置一个额外的cookie（可重复） --cookie-jar <path> 读取和写入的Cookie，并在提供的cookie jar文件 --copies <number> 复印打印成pdf文件数（默认为1） --cover* <url> 使用HTML文件作为封面。它会带页眉和页脚的TOC之前插入 --custom-header <name> <value> 设置一个附加的HTTP头（可重复） --debug-javascript 显示的javascript调试输出 --default-header* 添加一个缺省的头部，与页面的左边的名称，页面数到右边，例如： --header-left '[webpage]' --header-right '[page]/[toPage]' --header-line --disable-external-links* 禁止生成链接到远程网页 --disable-internal-links* 禁止使用本地链接 --disable-javascript 禁止让网页执行JavaScript --disable-pdf-compression* 禁止在PDF对象使用无损压缩 --disable-smart-shrinking* 禁止使用WebKit的智能战略收缩，使像素/ DPI比没有不变 --disallow-local-file-access 禁止允许转换的本地文件读取其他本地文件，除非explecitily允许用 --allow --dpi <dpi> 显式更改DPI（这对基于X11的系统没有任何影响） --enable-plugins 启用已安装的插件（如Flash --encoding <encoding> 设置默认的文字编码 --extended-help 显示更广泛的帮助，详细介绍了不常见的命令开关 --forms* 打开HTML表单字段转换为PDF表单域 --grayscale PDF格式将在灰阶产生 --help Display help --htmldoc 输出程序HTML帮助 --ignore-load-errors 忽略claimes加载过程中已经遇到了一个错误页面 --lowquality 产生低品质的PDF/ PS。有用缩小结果文档的空间 --manpage 输出程序手册页 --margin-bottom <unitreal> 设置页面下边距 (default 10mm) --margin-left <unitreal> 将左边页边距 (default 10mm) --margin-right <unitreal> 设置页面右边距 (default 10mm) --margin-top <unitreal> 设置页面上边距 (default 10mm) --minimum-font-size <int> 最小字体大小 (default 5) --no-background 不打印背景 --orientation <orientation> 设置方向为横向或纵向 --page-height <unitreal> 页面高度 (default unit millimeter) --page-offset* <offset> 设置起始页码 (default 1) --page-size <size> 设置纸张大小: A4, Letter, etc. --page-width <unitreal> 页面宽度 (default unit millimeter) --password <password> HTTP验证密码 --post <name> <value> Add an additional post field (repeatable) --post-file <name> <path> Post an aditional file (repeatable) --print-media-type* 使用的打印介质类型，而不是屏幕 --proxy <proxy> 使用代理 --quiet Be less verbose --read-args-from-stdin 读取标准输入的命令行参数 --readme 输出程序自述 --redirect-delay <msec> 等待几毫秒为JS-重定向(default 200) --replace* <name> <value> 替换名称,值的页眉和页脚（可重复） --stop-slow-scripts 停止运行缓慢的JavaScripts --title <text> 生成的PDF文件的标题（第一个文档的标题使用，如果没有指定） --toc* 插入的内容的表中的文件的开头 --use-xserver* 使用X服务器（一些插件和其他的东西没有X11可能无法正常工作） --user-style-sheet <url> 指定用户的样式表，加载在每一页中 --username <username> HTTP认证的用户名 --version 输出版本信息退出 --zoom <float> 使用这个缩放因子 (default 1) 页眉和页脚选项--header-center* <text> (设置在中心位置的页眉内容) --header-font-name* <name> (default Arial) (设置页眉的字体名称)--header-font-size* <size> (设置页眉的字体大小)--header-html* <url> (添加一个HTML页眉,后面是网址)--header-left* <text> (左对齐的页眉文本)--header-line* (显示一条线在页眉下)--header-right* <text> (右对齐页眉文本)--header-spacing* <real> (设置页眉和内容的距离,默认0)--footer-center* <text> (设置在中心位置的页脚内容) --footer-font-name* <name> (设置页脚的字体名称) --footer-font-size* <size> (设置页脚的字体大小default 11)--footer-html* <url> (添加一个HTML页脚,后面是网址)--footer-left* <text> (左对齐的页脚文本)--footer-line* 显示一条线在页脚内容上)--footer-right* <text> (右对齐页脚文本)--footer-spacing* <real> (设置页脚和内容的距离)./wkhtmltopdf --footer-right '[page]/[topage]' http://www.baidu.com baidu.pdf./wkhtmltopdf --header-center '报表' --header-line --margin-top 2cm --header-line http://192.168.212.139/oma/ oma.pdf表内容选项中 --toc-depth* <level> Set the depth of the toc (default 3) --toc-disable-back-links* Do not link from section header to toc --toc-disable-links* Do not link from toc to sections --toc-font-name* <name> Set the font used for the toc (default Arial) --toc-header-font-name* <name> The font of the toc header (if unset use --toc-font-name) --toc-header-font-size* <size> The font size of the toc header (default 15) --toc-header-text* <text> The header text of the toc (default Table Of Contents) --toc-l1-font-size* <size> Set the font size on level 1 of the toc (default 12) --toc-l1-indentation* <num> Set indentation on level 1 of the toc (default 0) --toc-l2-font-size* <size> Set the font size on level 2 of the toc (default 10) --toc-l2-indentation* <num> Set indentation on level 2 of the toc (default 20) --toc-l3-font-size* <size> Set the font size on level 3 of the toc (default 8) --toc-l3-indentation* <num> Set indentation on level 3 of the toc (default 40) --toc-l4-font-size* <size> Set the font size on level 4 of the toc (default 6) --toc-l4-indentation* <num> Set indentation on level 4 of the toc (default 60) --toc-l5-font-size* <size> Set the font size on level 5 of the toc (default 4) --toc-l5-indentation* <num> Set indentation on level 5 of the toc (default 80) --toc-l6-font-size* <size> Set the font size on level 6 of the toc (default 2) --toc-l6-indentation* <num> Set indentation on level 6 of the toc (default 100) --toc-l7-font-size* <size> Set the font size on level 7 of the toc (default 0) --toc-l7-indentation* <num> Set indentation on level 7 of the toc (default 120) --toc-no-dots* Do not use dots, in the toc轮廓选项 --dump-outline <file> 转储目录到一个文件 --outline 显示目录(文章中h1,h2来定) --outline-depth <level> 设置目录的深度（默认为4）页脚和页眉 * [page] 由当前正在打印的页的数目代替 * [frompage] 由要打印的第一页的数量取代 * [topage] 由最后一页要打印的数量取代 * [webpage] 通过正在打印的页面的URL替换 * [section] 由当前节的名称替换 * [subsection] 由当前小节的名称替换 * [date] 由当前日期系统的本地格式取代 * [time] 由当前时间，系统的本地格式取代
作者：曹元
链接：https://juejin.im/post/6856547881873047559
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

久没参与魔方的发布工作了，今天提笔，有种莫名的生疏和惶恐，从下午四点半一直坐到现在，3个小时，删删写写。千言无语，千头万绪，千百般滋味涌上心头，真的很怀念那些年每个周五定期一更的日子，简单而快乐。

2006年12月Vista优化大师发布第一个测试版，再到2009年9月发布魔方0.1，时光荏苒，便过去了9年。很多当初最早的那批朋友，现在都成了老友，有时候一觉醒来，发现软媒的那个最老用户群里的消息闪烁，由衷的开心，没有什么比熟悉的感觉更有韵味。

产品部的魔方一哥过来催文了，尽管他说理解我的心情啊什么的，但是为了保持一贯的不加班作风，我得直入主题了——

魔方6.16正式版现在发布，“忍不住”还是让产品组加了新功能，本来说好的要克制加新功能的冲动，重点大幅改进清理等原有常用功能的。

这次忍不住要加的新功能，大家在标题里面已经看到了，就是一键提取微软官方的精美聚焦壁纸（美化大师顶部加入了“聚焦壁纸”）。熟悉微软的朋友都知道，Win10TH2开始系统增加了“Windows 聚焦”壁纸，大家在系统设置的“个性化”-“锁屏设置”里面可以设置锁屏的背景壁纸为“Windows 聚焦”，如下图所示：

这些微软官方提供的锁屏壁纸还是非常精美的，会自动的下载并切换，于是魔方便加入了提取功能，需要注意的是，这儿的提取，是提取的本机已经下载的，如果您之前没有开启过Windows聚焦功能，是抓不到的。这个抓取功能更方便的是让大家随时保存最新的。那过去的好看聚焦壁纸怎么办？别着急，我们在软件界面提供了所有Win10历史聚焦壁纸下载大全的链接，很贴心的说。

当然，这次魔方还有其他的有爱更新，例如清理大师的重复文件查找支持了批量选择和删除操作，例如设置大师中加入了让资源管理器关闭mkv文件的预览以防止卡顿，软媒雷达、软媒时间、WiFi助手、软媒压缩等都有界面和功能修复改进。

具体更新内容的细节，请看下面的更新历史吧！

PS：按照惯例，软媒魔方将在发布数十分钟后才放开自动升级。

一、软媒魔方更新历史

软媒魔方 6.1.6.0 正式版 - 2015年12月17日

魔方主程序 6.1.6.0：

新增：应用大全 - 增加旗鱼浏览器PC版入口

软媒美化大师 3.6.9.0：

新增：针对Win10 TH2增加Windows聚焦壁纸一键提取功能

软媒时间 3.1.3.0：

修正：界面 - 多云和阴天的小图标弄反的问题修正：界面 - 系统开启高DPI的时候，窗口太小的问题

软媒清理大师 3.7.3.0：

新增：隐私清理 - Office 2016打开历史记录清理

改进：重复文件查找 - 支持批量操作改进：注册表清理 - 屏蔽注册表清理功能

修正：隐私清理 - Office 2013打开历史记录清理不掉的问题

软媒设置大师 3.6.8.0：

新增：资源管理器 - 关闭MKV视频预览

软媒雷达 6.0.7.0：

修正：本机信息 - 读取IE的Flash Player版本号错误的问题修正：界面 - 系统开启高DPI的时候，窗口太小的问题

软媒IE管理大师 1.9.8.0：

修正：界面 - 系统开启高DPI的时候，窗口太小的问题

软媒WiFi助手 1.1.8.0：

修正：稳定性 - 启动WiFi助手时可能发生的崩溃问题

软媒压缩 1.1.5.0：

修正：界面 - 系统开启高DPI的时候，窗口太小的问题

二、为什么大家都在用魔方？

软媒魔方好不好？软媒魔方有什么用？为什么要用软媒魔方？

先列出一些基本组件功能：

1、清理大师：一键清理、深度清理、注册表清理、字体清理，还有隐私清理。。。难道你不需要？

2、美化大师：改系统字体、DIY win7开始按钮、设置开机动画、破解系统主题、修改系统声音。。。怎么个性怎么玩，美化大师全搞定！

3、优化大师：一键加速、添加、删除系统启动项，让你轻松掌控系统进程的开启！

4、软媒时间，软媒全球首创独创的创意，任务栏时间区加入农历、天气等显示，不占任何额外空间，超NB！

5、软媒桌面：哈，Windows系统里多了类似苹果Mac OS X的快捷栏，方便大发了。

6、软件管家：精选装机必备软件大全，下载杠杠的……

7、系统雷达：任务栏窗口+桌面悬浮窗自由随意选择，实时监控网络流量、CPU、内存占用、磁盘读写，简单、清晰、方便！

8、U盘启动：一键制作U盘系统安装盘，装机还是PE维护简直轻松到极点！

9、硬盘装机：仅需两步，轻松帮你重装系统，win7、win8、win10，想装什么装什么，你肯定需要！

10、WiFi共享助手：超级简单，打开软件，一键开启热点，立马摆脱手机流量不够用的困扰！！亲，你的流量还够用吗？

还有啥？上面列出的连一半功能都不到，还有网速测试、磁盘大师、文件校验、文件解锁、文件分割合并、文件粉碎……等等，还有好多功能，你能想到的基本都有！

软媒魔方现在已经有4000万用户下载使用，好用没得说！

三、软媒魔方软件截图

只需一键，智能模式让你可以放心的把软媒魔方介绍给你的老婆、小姨子和表妹……

右上角轻松切换到专业模式，熟悉中包含着科学改进后的经典布局

软媒时间，风云变幻-不占用任何额外空间，万年历天气闹钟记事本在任务栏时间区完美呈现；

软媒桌面，好玩好看-喜欢的鼠标拖进来，不爱的鼠标拖出去，桌面干净整洁灵动惊艳；

软媒雷达，实时侦探-把握您爱机的每一跳脉动，精确掌控系统软硬件的占用资源；

软件管家，纯净精干-编辑精选装机必备的500款最常用软件，一键安装绝无插件；

四、软媒魔方下载信息

初级用户解惑：安装包和绿色版有什么不同？安装版下载后直接双击运行即可进入向导安装，方便快捷。绿色版是ZIP压缩格式，直接解压到你指定的文件夹路径下。

软媒 - 存在，创造价值。

微信搜索“IT之家”关注抢6s大礼！下载IT之家客户端（戳这里）也可参与评论抽楼层大奖！