CSS 是一種用于樣式設計和布局的技術，可以用于創(chuàng)建各種形狀，包括圓形、橢圓形、三角形、心形、星形等等。通過使用 CSS 形狀，我們可以創(chuàng)建具有獨特外觀和形狀的頁面布局，從而增強用戶體驗。

1. `border-radius`

`border-radius` 是 CSS 中用于設置邊框半徑的一種屬性。它允許用戶控制元素的邊框大小。通過設置 `border-radius` 值，可以創(chuàng)建圓形或橢圓形邊框。例如：

```css

border-radius: 5px;

這將創(chuàng)建一個 5 像素的圓形邊框。如果 `border-radius` 值大于或等于元素的寬度，則元素將呈現(xiàn)為橢圓形。

2. `box-shadow`

`box-shadow` 是 CSS 中用于設置內邊距、陰影和漸變的一種屬性。通過使用 `box-shadow` 屬性，可以創(chuàng)建復雜的陰影效果，使元素更加逼真。例如：

```css

box-shadow: 0px 0px 10px #ff9900;

這將創(chuàng)建一個基于白色實線的內邊距陰影效果。`#ff9900` 是一個顏色代碼，它可以用于設置陰影的顏色。

```css

4. `background-repeat`

`background-repeat` 是 CSS 中用于設置背景圖片重復次數(shù)的一種屬性。通過使用 `background-repeat` 屬性，可以設置背景圖片在元素上的重復次數(shù)。例如：

```css

background-repeat: no-repeat;

這將設置背景圖片不重復，即每次單擊元素時背景圖片都將重新出現(xiàn)。

5. `background-position`

`background-position` 是 CSS 中用于設置背景圖片的位置的一種屬性。通過使用 `background-position` 屬性，可以設置背景圖片在元素上的位置。例如：

```css

background-position: 50% 50%;

這將將背景圖片放置在元素中心，并將其寬度設置為 50% 并高度設置為 50%。