練習ー3では表の外枠の線の形を破線にして色も緑色に変更します。
ここでもページのHTML記述先頭部で、横幅が814ピクセルの表を作り外枠デザインに必要なスタイルシートを指定します。それが
<table width="814" class="Class2">という部分です。ここまでは練習ー1や2と同じです。
変えるのはスタイルシートClass2の中身です。
まず、線の形状を破線に変えなければなりません、そこで線の形状を明解に解説している方の情報を参考にさせていただきます。
https://kagesai.net/border-style-samplecode/さんです。
ありがたいですね、線種を破線にするには該当箇所をdashedと記せば良いそうです。
次に線の色指定を解説されている方
https://toools.jp/colorcode-conversion.phpさんの力をかりて
破線の色を緑にするには、該当箇所をrgb(50,205,50)にすれば良いと分かりました。
結論的にはClass2の中身を.Class2 { border: 4px dashed rgb(50,205,50); }
にすれば良いということで正にこのページのような外枠デザインができました。
|
|