印刷用CSSを作成する | FSFIELD Labs
CSS 印刷用CSSを作成する Webサイトを印刷すると、背景が表示されなかったり、インクがもったいなかったりします。 そこで印刷用のCSSを用意し、印刷用に最適化されたデザインを作成する方法を紹介します。 htmlの記述 <link rel="stylesheet" type="text/css" href="ここに印刷用のCSSのアドレスを記述" media="print"> head要素内に印刷用CSSを読み込ませます。ポイントはmedia属性で、media="print"とすることで印刷するときに適用されます。 印刷用CSSの設定 おすすめしたい初期設定 * { font-size: 11pt; color: #000000; background-color: #FFFFFF; } a{ text-decoration: underline; color: #000000; }
[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル
IE6などの非サポートブラウザも配慮した、角丸、ゼブラ柄、ハイライトなど美しくて分かりやすいテーブルを実装するCSS3のチュートリアルを紹介します。 デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング 実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。 画像を使用しないで、角丸を実装。 余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけ ユーザフレンドリーで、読むことが簡単。 実装 HTML HTMLは非常にシンプルです。 classは、tableタグにのみ使用します。 <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
