在 css 中將背景顏色擴展到邊距之外

Question

我目前在個人網站上工作，但我沒有 web 開發經驗，所以我被困在一個可能有一個非常簡單的解決方案的功能上。 我的頁面上有很多這樣的 div，我只是想讓灰色背景：

1. 僅擴展超出 div 內容的幾個像素
2. 有圓形邊框

我目前正在使用

background-color: #ffffffab;
background-clip: content-box

得到顯示的結果，但要么我繪制所有的 div，這不是我打算做的，要么我保留它，如圖所示。 使用“border-radius”時，我必須增加到 80% 之類的巨大數字才能獲得圓潤的邊緣，即使這樣它也會剪切文本的某些部分。 有沒有一種簡單的方法可以做我想做的事情？ 我還包括了這張帶有邊距（橙色）和填充（綠色）的圖片。

謝謝！

Answer 1

按照@tacoshy 的建議：我在容器的頂部和底部添加了更多邊距，並增加了兩側的填充，這樣我就不需要使用內容框 function: margin: 2em auto 2em; padding: 2em margin: 2em auto 2em; padding: 2em 。

那解決了它。 謝謝！