javascript打印时的css样式的控制

运用 media=”print” ——– javascript打印时的css样式的控制

例1(内联)

例子：下面的代码只会在打印时发挥作用，其他状态下无效

<style type="text/css" media="print">th {    background-color: 06f;    border-right: 1px solid #95bce2;    color: #fff;    line-height: 20px;    height: 30px;}td {    padding: 6px 11px;    border-bottom: 1px solid #95bce2;    border-right: 1px solid #95bce2;    vertical-align: top;    text-align: center;}td * {    padding: 6px 11px;}tr.alt td {    background: #ecf6fc;}tr.over td {    background: #bcd4ec;}</style>

注意：  当发现上面打印时的样式不起作用，可将<style></style>放置在打印的区域的范围里

例2(外联)

<link rel="stylesheet" href="*****/*****/printstylesheet.css" media="print" />

例3（import）

<style type="text/css">      @import url("*****/*****/printstylesheet.css") print;  </style>