## scroll-padding-top

fixed的Navbar假設高度為 100px，點擊錨點後切換到的區塊會被Navbar的高度遮住，只看得到定位點下方 100px 處的內容，可以加上scroll-padding-top來設定滾動後頁面上區塊本身要偏移計算的內距

:root {
  scroll-padding-top: 100px;
}


[範例連結](https://hywebu00.github.io/2023_ntub_library/lp_table03.htm)

## backgroung-clip

* background-clip: border-box;
* background-clip: padding-box;
* background-clip: content-box;
* background-clip: text;


### background-clip: border-box;
背景延伸至border，此為預設值，基本上設定了看不出差異。

---

### background-clip: padding-box;
背景延伸至padding，但不會到border。

---

### background-clip: content-box;
背景延伸到content，但不會超過border。
如果沒有設定padding，content-box 與padding-box會看不出差異。

---

### background-clip: text;

將區塊内的文字作為裁剪範圍向外裁剪，文字的背景就是區塊的背景，文字之外的區域都會被裁剪掉。
需要搭配color:transparent使用。


[範例連結](https://codepen.io/mileyho/pen/vYvEzQq)

[來源參考](https://medium.com/coding-hot-pot/%E8%AA%8D%E8%AD%98-css-%E5%B1%AC%E6%80%A7-background-clip-94592b72a0d0)