質問: cssで枠の中に複数の罫線を引く方法 よろしくお願いします。 枠を作成するためにcssに以下の記述をしました。 【css】 border-top:3px solid #339900; border-left:3px solid #339900; border-right:3px solid #339900; border-bottom:3px solid #339900; padding: 0px; background-color:#ffff00; これにより外枠のみに罫線が引かれましたが、枠の中に縦線や横線 その他、点線等を引く場合にはどのような記述をすれば良いのでしょうか? よろしくお願いします。
回答: 枠の中に線を引きたい場合は borderではなくtableを使用してください 例えばこんな感じです | 見出し1 | 見出し2 | | --- | --- | | 本文1 | 本文2 | こんな感じの物を無限に組み合わせてください また線の種類を変更したい場合は以下です ブラウザによっては違う場合があるかもしれません none 線なし hidden 線なし solid 実線 double 二重の線 groove 谷型の線 ridge 山型の線 inset 凹型の線 outset 凸型の線 dotted 点線 dashed 破線