在CSS中，可以使用outline屬性來添加焦點(diǎn)框。outline屬性用于設(shè)置元素的輪廓，包括輪廓的顏色、寬度和樣式，當(dāng)元素獲得焦點(diǎn)時(shí)，輪廓會(huì)自動(dòng)顯示出來，形成焦點(diǎn)框。

以下是一個(gè)簡(jiǎn)單的示例，展示如何在CSS中添加焦點(diǎn)框：

input:focus {
  outline: 2px solid #000; /* 設(shè)置焦點(diǎn)框的寬度和顏色 */
}

在上面的示例中，input:focus選擇器用于選擇獲得焦點(diǎn)的input元素。outline屬性用于設(shè)置焦點(diǎn)框的寬度和顏色，這里設(shè)置為2像素寬、顏色為黑色的輪廓。

除了使用outline屬性，還可以結(jié)合其他CSS屬性來定制焦點(diǎn)框的樣式，可以使用box-shadow屬性來添加陰影效果，或者使用border-radius屬性來設(shè)置邊框的圓角半徑。

需要注意的是，不同瀏覽器對(duì)焦點(diǎn)框的默認(rèn)樣式可能會(huì)有所不同，在實(shí)際應(yīng)用中，可能需要根據(jù)具體的瀏覽器和樣式需求進(jìn)行調(diào)整。

除了使用CSS來添加焦點(diǎn)框，還可以結(jié)合JavaScript來實(shí)現(xiàn)更豐富的交互效果，可以使用JavaScript來檢測(cè)元素的焦點(diǎn)狀態(tài)，并動(dòng)態(tài)地改變?cè)氐臉邮交蛱砑觿?dòng)畫效果。

在CSS中添加上焦點(diǎn)框是一個(gè)簡(jiǎn)單而實(shí)用的技巧，可以用于提升網(wǎng)頁交互體驗(yàn)和設(shè)計(jì)美感。