网站页面打印的样式须要用到 ”@media print“的设置，如设置超链接或页面打印字体样式就在这个属性中设置。在页面中的文字超链接地址需要打印出来，这时就需要在@media print中写入“ a[href]:after { content: ' ('attr(href) ')';}”,在里面同样可以设置字体大小、颜色等打印属性，如下：

HTML 代码  复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        @media print {

            body {
                font-size: 18px;
            }

            a {
                text-decoration: underline;
                color: red;
            }
                /*输出打印显示超链接地址*/
                a[href]:after {
                    content: ' (' attr(href) ')';
                }
        }
    </style>
</head>
<body>
    请连接官方地址： <a href="http://www.weisim3.com">遺昕传媒</a><br />
</body>
</html>

此属性设置只对打印生效，不对原来页面显示产生效果，下面对比下浏览器和pdf打印文件显示效果：

默认网页内容打印输出不会显示超链接地址，一般页面打开的样式字体颜色属性是什么样式，打印输出的效果就是原效果，如果要设置则设置或取消@media print里面对应的css属性即可，这里css中的“content: " (" attr(href) ")"“即是给超链接后的括号内加上网址（href 属性)。