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