当用户打印网页时，他们将看不到实际的链接。如果一个链接同时显示文本和它的链接，它会更有用。
我们可以通过在 :after 元素中包含链接来实现：
@media print {
a::after {
content: ' (' attr(href) ') ';
}
}在打印模式下，用户将看到包含在其内容之后的链接：
<!-- 正常模式-->
<a href="https://getfrontend.tips">Front-End Tips</a>
<!-- 打印模式-->
<a href="https://getfrontend.tips">Front-End Tips (https://getfrontend.tips)</a>
