点線だって使いたい
ワープロや表計算ソフトで表を作成すると、 実線・点線・破線、太線・細線、青色の線・赤色の線……など、様々な線を活用した表が簡単に作成できます。
そのような表を、ウェブ上でも作ってみたいと思ったことはありませんか?
スタイルシートを使えば、簡単にこのような様々な線種を使った表が実現できます。今回は、このような表の作成方法をご紹介致します。
今回のテクニックで実現できる表
次のような表が作成できます。
■外側が太い実線で藍色、内側が細い点線で灰色。
No. | 日付 | 予定 |
---|---|---|
1 | 2004/03/19 | 大学卒業式 |
2 | 2004/03/23 | 大学院卒業式 |
3 | 2004/04/01 | 大学入学式 |
4 | 2004/04/03 | 大学院入学式 |
■外側が二重線、内側の横線が細い実線、縦線が細い破線。線の色は緑色。
No. | 日付 | 予定 |
---|---|---|
1 | 2004/03/19 | 大学卒業式 |
2 | 2004/03/23 | 大学院卒業式 |
3 | 2004/04/01 | 大学入学式 |
4 | 2004/04/03 | 大学院入学式 |
スタイルシートを使って
これらの実現には、スタイルシートを利用します。
スタイルシートでは、実線・点線・破線・二重線が利用できますので、これらの線種を組み合わせて、表をデザインすることができます。
それでは、具体的な記述方法をご紹介していきましょう。