①ExcelかGoogleスプレッドシートで表を作成する
②下記のサイトにアクセスする
③「STEP1. エクセルとかからCSV(TSV)をコピーして貼り付け」に、作成した表を貼り付ける
④「STEP2. オプションを選択して変換」の【変換する】をクリック
⑤表が作成されるので、右上の✕ボタンをクリックして閉じる。
⑥「STEP3. HTMLタグをコピーして使う」のCSSを全選択してコピーする。
⑦はてなブログの記事編集画面で「HTML編集」を選択肢、表を挿入したい箇所にコピーしたCSSを貼り付ける。
⑧記事に表が反映される。
CSSで表のデザインを変える方法
セルの色を変更する
th(外側のセル){
線: 1本線 (線の太さ)px #線の色;
色: #文字色;
背景色: #セルの背景色;
}
td(内側のセル){
線: 1本線 (線の太さ)px #線の色;
色: #文字色;
背景色: #セルの背景色;
}