Heim  >  Artikel  >  Web-Frontend  >  css 为要打印的页面设置css样式表的几种方法

css 为要打印的页面设置css样式表的几种方法

WBOY
WBOYOriginal
2016-06-01 09:53:151676Durchsuche

方法一:使用link引入外部样式表。

<code class="language-html"><link rel="stylesheet" href="css/style.css" media="print"></code>

media属性设置为print,表示该样式作用于打印。

 

二.import方式引入样式表。

<code class="language-css"><style type="text/css">
@import url("css/printstylesheet.css") print;
</style></code>

以上代码引入的样式可以用于打印样式。

 

三.页面样式和打印样式在同一个文件中

<code class="language-css">@media print{
h1{
color:black;
}
h2{
color: gray;
}
}
div{color:red}</code>

以上就是设置打印样式的三种方法。 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:css 宽度 widthNächster Artikel:Bootstrap不支持IE的解决方法