<!DOCTYPE html>
<html>
<head>
<style>
/* 默认情况下,不要显示这个区域 */
.print-area {
display: none;
}
/* 在打印时,显示这个区域 */
@media print {
p{
display: none;
}
.print-area {
display: block;
}
.print-area p{
display: block;
}
}
</style>
</head>
<body>
<!-- 这部分内容不会被打印 -->
<p>这里是不需要打印的内容。</p>
<!-- 这部分内容将会被打印 -->
<div class="print-area">
<p>这里是需要打印的区域。</p>
</div>
</body>
</html>