2021/12/08
https://e1116.blog.fc2.com/blog-entry-2.htmlCSSだけで作るおしゃれなtableのデザインサンプル
画像を使わずにCSSだけでデザインするtableのサンプルです。
サンプル | # | title1 | title2 |
| 01 | text | text |
| 02 | text | text |
| 3 | text | text |
サンプルHTML
サンプルCSS
ちなみに複数のtableのデザインをCSSで指定する場合はclassを指定してあげると良いです。
例えばAとBのテーブルのデザインをそれぞれ指定したい場合は
HTML CSS
とすれば、AとBでそれぞれ違うデザインにする事ができます。
tableが必要な時にコピペで使えますし、カスタマイズもしやすいと思いますのでよろしければどうぞ。
- この記事を読んだ人はこんな記事も読んでます
-
Xでは日々アフィリエイトと物販について思ったことをつぶやいています。
Xアカウント → @webgoya
https://e1116.blog.fc2.com/blog-entry-2.htmlCSSだけで作るおしゃれなtableのデザインサンプル
https://e1116.blog.fc2.com/blog-entry-2.htmlCSSだけで作るおしゃれなtableのデザインサンプル
