ホームページ作成

【ホームページ作成】線種が豊富な表を作りたい！（前編）

テーブル（表）の作成・装飾 (HTML,CSS)

更新日：2004年03月17日

線種が豊富な表を作りたい！（前編）

西村文宏

ワープロや表計算ソフトで作成できるような、実線・点線・破線・二重線、太線・細線…など、様々な線を活用した表を、ホームページ上でも作ってみませんか？様々な線種の表を簡単に作成する方法をご紹介！

ワープロや表計算ソフトで表を作成すると、実線・点線・破線、太線・細線、青色の線・赤色の線……など、様々な線を活用した表が簡単に作成できます。
そのような表を、ウェブ上でも作ってみたいと思ったことはありませんか？

スタイルシートを使えば、簡単にこのような様々な線種を使った表が実現できます。今回は、このような表の作成方法をご紹介致します。

次のような表が作成できます。

■外側が太い実線で藍色、内側が細い点線で灰色。

■外側が二重線、内側の横線が細い実線、縦線が細い破線。線の色は緑色。

これらの実現には、スタイルシートを利用します。
スタイルシートでは、実線・点線・破線・二重線が利用できますので、これらの線種を組み合わせて、表をデザインすることができます。

それでは、具体的な記述方法をご紹介していきましょう。

回答募集中のトピック（お題）

人気ホームページ作成ランキング