プログラミング htmlcss要素table table要素で作った表をcolgroupを使いグループ化する 2019-10-01 グループ化する要領には！ thead・tbody・tfoot要素を使う方法colgroup要素を使う方法 thead・tbody・tfoot要素を使う方法 table要素の中に行をグループ分けできる要素を入れてやる方法です、表の中の見出し的な役割のthead要素、表のメインとなるtbody要素、表のまとめてきなtfoo...
プログラミング htmlcss要素table table要素で作成した表のセルを縦や横に結合したりグループ分けをする 2019-08-29 table要素で表を作る table要素にはこんなものがあります 表を作成する時はtable要素を使います、table要素は単体では機能しません。 子要素の「tr要素」や「td要素」とセットで使用します。 tr要素は行を表し、この要素に挟まれた項目を横に並ばせることができます。行は一行で完結するので、行の数だけ「tr要...
プログラミング htmltable擬似クラス tableで作った表の色を交互に変えるnth-child()擬似クラスを説明 2019-08-20 tableの表を交互に色を変えるnth-child()擬似クラス nth-child()はその兄弟要素の中での位置に基づいて選択をするという擬似クラスです。 擬似クラスについては https://tom-hiro.com/css-giji (カッコ)の中に入れる要素や数字 nth-child(カッコ)の中に入れる数字や...
プログラミング htmlcss要素table table要素とborder-collapseを使って一本の線の表を作る 2019-08-07 table要素とborder-collapseを使って一本の線の表を作る Table要素で表を作る 表を作成するには「table」要素を使います。 <html>の<body>要素の中に<table>要素を記述してこのような表を作成してみましょう。 やり方はいたって簡単です。 tr(行...
