0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

テーブルを”楽に”角丸にする

Last updated at Posted at 2020-02-14

基本的なやり方

See the Pen WNvrzav by sphenisc (@sphenisc) on CodePen.

ふつうのテーブルに
border-radius: 8px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;

を付けるだけでいいです。
ただ、IEではうまくいかないらしい。

もっと楽に

See the Pen dyoGmrq by sphenisc (@sphenisc) on CodePen.

ふつうのテーブルを角丸のラップで包んで角を消す方法です。 この方法の良いところは既に作った後のテーブルをtbl_wrapで包むだけで角丸に加工できることです。
0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?