效果截图：

查看更多内容...

效果截图：

查看更多内容...

美化思路：首先用CSS代码将Select下拉框默认样式全部去掉，自己为下拉框定义样式；最重要的是下拉框的按钮，也需要用CSS代码隐藏，然后用图片来定义，这样就美观多了。

效果截图：

查看更多内容...

效果截图：

查看更多内容...

使用方法

第一步：html转为canvas；
第二步：canvas转image。

生成图片的清晰度优化方案
将canvas的属性width和height属性放大为2倍（或者设置为devicePixelRatio倍）；
最后将canvas的CSS样式width和height设置为原先1倍的大小。

查看更多内容...

1、HTML代码

<div id="content">
    <div id="header">
        <h1>html2canvas - 网页转换为图片</h1>
    </div>

    <div id="nav">
    创建canvas画布<br>
    获取文档高宽度<br>
    canvas画布放大<br>
    设置偏移量<br>
    html2canvas插件显示图片及下载<br>
    </div>

    <div id="section">
        <h2>angbike</h2>
        <p>
            此处省略多少字
        </p>
    </div>

    <div id="footer">
       Copyright &copy; W3Schools.com
    </div>
</div>

<a href="javascript:;" class="down" download="downImg">图片下载</a>

查看更多内容...

解决方案一：计算滚动条宽度并隐藏起来。

<div class="container">
    <div class="inner-container">
        ......
    </div>
</div>
.container{
    width: 360px;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.inner-container{
    position: absolute;
    left: 0;
    top: 0;
    right: -17px; //17像素为滚动条宽度
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

查看更多内容...

1. gpedit.msc　组策略
2. sndrec32　录音机
3. Nslookup　IP地址侦测器 ，是一个 监测网络中 DNS 服务器是否能正确实现域名解析的命令行工具。 它在 Windows NT/2000/XP 中均可使用 ， 但在 Windows 98 中却没有集成这一个工具。
4. explorer　打开资源管理器
5. logoff　注销命令
6. shutdown　60秒倒计时关机命令
7. lusrmgr.msc　本机用户和组
8. services.msc　本地服务设置
9. oobe/msoobe /a　检查XP是否激活
10. notepad　打开记事本

查看更多内容...

1、使用 :not() 在菜单上应用/取消应用边框
先给每一个菜单项添加边框：

.nav li {
    border-right: 1px solid #666;
}

然后再除去最后一个元素：

.nav li:last-child {
    border-right: none;
}

其实可以直接使用 :not() 伪类来应用元素：

.nav li:not(:last-child) {
    border-right: 1px solid #666;
}

这样代码就干净，易读，易于理解了。
当然，如果你的新元素有兄弟元素的话，也可以使用通用的兄弟选择符（~）：

.nav li:first-child ~ li {
    border-left: 1px solid #666;
}

查看更多内容...

== 用于比较、判断两者相等，在比较的时候可以自动转换数据类型。
=== 用于比较判断两者严格相等，不会进行自动转换，要求进行比较的操作数必须类型一致，不一致时返回flase。

查看更多内容...