このブログを検索

2020年3月22日日曜日

GoogleBlogger(グーグルブロガー)でテーマをシンプルにしたらテーブルに枠線がつかなかったのでCSSでつけた



table.simple {
   border-collapse: collapse;
   border: 1px solid;
}

table.simple td {
   border-width: 1px;
   border-style: solid; 
   padding: 0.3em;     
}

table.simple th {
   border-width: 1px;
   border-style: solid; 
   padding: 0.3em;     
}

border-collapse: collapse;は線を重ねる
border-width: 1px;は線の太さ

値を2つ指定した場合: 記述した順に[上下][左右]の太さ
値を3つ指定した場合: 記述した順に[上][左右][下]の太さ
値を4つ指定した場合: 記述した順に[上][右][下][左]の太さ

例)
border-width: 1px 0px; 値を2つ指定した場合: 記述した順に[上下][左右]の太さ

paddingはセル内の余白、border: 1px solid; は線の太さと線の種類

注目の投稿

じぇらいす まちおこし

人気の投稿