練習ー4では表の外枠の線の形を実線にして色も紫色に変更します。

ここでもページのHTML記述先頭部で、横幅が814ピクセルの表を作り外枠デザインに必要なスタイルシートを指定します。それが

<table width="814" class="Class2">という部分です。ここまでは練習ー1や2と同じです。

変えるのはスタイルシートClass2の中身です。

まず、線の形状を実線に変えなければなりません、そこで線の形状を明解に解説している方の情報を参考にさせていただきます。

https://kagesai.net/border-style-samplecode/さんです。

ありがたいですね、実線はsolidと記せば良いそうです。次に色指定を解説されている方

https://toools.jp/colorcode-conversion.phpさんの力をかりて

該当箇所をrgb(148,0,211)にすれば線の色が紫になると分かりました。

結論的にはClass2の中身を.Class2 { border: 4px solid rgb(148,0,211); }

にすれば良いということで正にこのページのような外枠デザインができました。

戻る