大和市を中心にホームページ制作をするCarry@Companyのブログ

Memorandum

css

tableで間隔を開ける方法と丸角セル

2020.03.02 Mon

人間、覚えられないときは覚えられない・・・
なぜか、tableの間隔を開ける方法を忘れてしまうんです・・・
今回は、覚え書き本来の意味を持つ覚え書きなので
「そんなの知っているぅ」「それぐらい知らないのぉ」などなどいわれそうですが、どうかそのお気持ちは心の中にそっとそっとしまっておいてくださいませ。

tableの間隔を開ける方法
————————————-

border-collapse: separate;
border-spacing: 5px 10px;
5px:左右
10px : 上下

————————————-

これを利用して丸角セルの表示が可能です。

————————————-

table{
border-collapse: separate;
border-spacing: 5px 10px;
}

th{
border-radius:6px 0px 0px 6px ;
}

td{
border-radius:0px 6px 6px 0px ;
}

————————————-

これで忘れないだろう・・・
きっと・・・多分・・・

Diary

Aug 2020
MONTUEWEDTHUFRISATSUN
« Previous month Next month »
 1
2345678
9101112131415
16171819202122
23242526272829
3031 

Memorandum

ホームページのことならCarry@Company

© Copyright 2020 Carry@Company