在CSS中，給子元素添加邊框可以通過多種方法實現(xiàn)，以下是一些常見的做法：

1、使用子元素選擇器：

通過子元素選擇器（>），我們可以直接給子元素添加樣式，給子元素添加邊框：

```css

.parent > .child {

border: 1px solid #000;

}

```

2、使用嵌套規(guī)則：

在CSS中，我們可以使用嵌套規(guī)則來應(yīng)用樣式到子元素。

```css

.parent {

.child {

border: 1px solid #000;

}

}

```

3、使用偽類選擇器：

通過偽類選擇器（如:first-child、:last-child等），我們可以給特定位置的子元素添加邊框：

```css

.parent > .child:first-child {

border-top: 1px solid #000;

}

.parent > .child:last-child {

border-bottom: 1px solid #000;

}

```

4、使用CSS變量：

通過CSS變量，我們可以定義通用的邊框樣式，并在多個子元素中使用：

```css

:root {

--border-style: 1px solid #000;

}

.parent > .child {

border: var(--border-style);

}

```

5、使用CSS函數(shù)：

一些CSS函數(shù)（如calc()）可以用來動態(tài)計算邊框樣式：

```css

.parent > .child {

border-width: calc(1px + 2 * var(--border-style));

}

```

6、使用CSS動畫：

通過CSS動畫，我們可以給子元素添加動態(tài)邊框：

```css

@keyframes add-border {

0% { border: 0; }

100% { border: 1px solid #000; }

}

.parent > .child {

animation: add-border 1s;

}

```

這些方法可以幫助你在CSS中靈活地給子元素添加邊框，選擇適合你的場景的方法，并根據(jù)需要調(diào)整樣式和動畫效果。