質問: ### 前提・実現したいこと ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/092636bc7609cae282f1e6398af00302.jpeg) ・背景がアンダーライン上まで伸びているのを 左右の様に余白を入れたいです。 ボーダーライン表示はそのままに、背景部分を調整する事は可能でしょうか? ・それともう一点、2列目の曜日部分のアンダーラインを繋げて1本の長い線には出来ますか? よろしくお願い致します。 --追記-- ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/ed3a05177f6da928e7917c0c6619a68a.jpeg) ・背景がアンダーライン上まで伸びているのを~・・・ →違いを分かりやすくするために13日と15日のみ加工してみました。 背景カラーの適用範囲を調整して アンダーラインがハッキリ見えるようにしたいのです。(ラインの色を濃くするとかではなく・・) ・曜日部分のアンダーラインを全部繋げて1本の長い線~・・・ →日付部分と違って、曜日部分はアンダーラインを結合したいです。。 上記の事は出来ますでしょうか><? ### 該当のソースコード -HTML- 2018年8月 日 月 火 水 木 金 土 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 -CSS- table { text-align: center; width: 200px; height: 190px; font-size: 12px; border: #8E8E8E solid 1px; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; } .month { border-bottom: 2px solid #333333; border-image: -moz-linear-gradient(left, #fff 10%, #333333 50%, #fff 90%); border-image: -webkit-linear-gradient(left, #fff 10%, #333333 50%, #fff 90%); border-image: linear-gradient(to right, #fff 10%, #333333 50%, #fff 90%); border-image-slice: 1; } .week td, .month { font-weight: bold; } td { border-bottom: 1px dashed #C9C9C9; } .non td { border-style: none; } .week td { border-bottom: 1px solid #8E8E8E; } ### 補足情報(FW/ツールのバージョンなど) DreamWeaver2018
回答: これでどうでしょう ``` table { border-spacing: 0; } td { padding: 2px 3px; background-clip: content-box; } ```