テーブルなどにつける枠線(Border)の色を変えられるツールを作りました。
ここで作成するサンプルは、cssを使ってTD要素に対して指定しています。
また、Borderプロパティの指定方法は以下の表以外の方法もあります。
便宜上、border-color、border-style、border-widthの値は上下左右を同一の値としています。
詳しい指定方法は「枠線の形式を指定する」「枠線の太さを指定する」「枠線の色を指定する」「枠線の設定をまとめて指定する」のページで解説していますのでそちらをご覧になってください。

none (枠線なし) dotted dashed solid double groove ridge inset outset

枠線の色を変えたい部分のチェックボックスを「オン」にして、左のWebカラーチャートをクリックします。 枠線の形式を変えたいときは、左下のサンプル参考にそれぞれ指定します。 枠線の幅を変えたいときは、テキストボックスの中に数値と単位を半角英数字で指定します。 指定を終えたら「表示する」ボタンをクリックします。 (全部指定しなくても表示されますよ♪) ※ 枠線の上下左右に同じ値を指定するときはコチラ↓ 枠線の色 border-color 枠線の形式 border-style 　 (指定なし) none solid double dashed dotted groove ridge inset outset 枠線の幅 border-width ※ 枠線の上下左右に違う値を指定するときはコチラ↓ 下の枠線の色 border-bottom-color 　　　〃　　形式 border-bottom-style 　 (指定なし) none solid double dashed dotted groove ridge inset outset 　　　〃　　幅 border-bottom-width 左の枠線の色 border-left-color 　　　〃　　形式 border-left-style 　 (指定なし) none solid double dashed dotted groove ridge inset outset 　　　〃　　幅 border-left-width 右の枠線の色 border-right-color 　　　〃　　形式 border-right-style 　 (指定なし) none solid double dashed dotted groove ridge inset outset 　　　〃　　幅 border-right-width 上の枠線の色 border-top-color 　　　〃　　形式 border-top-style 　 (指定なし) none solid double dashed dotted groove ridge inset outset 　　　〃　　幅 border-top-width 　 ↓　結果はこちら♪ (cssが表示されるのでコピペで持って帰ってね)　↓ TD要素に対してcssを指定しています。 他の要素にする場合は、3行目の「TD」を変更してください。