在CSS中，我們可以通過添加一些樣式來讓彈窗旁邊的“×”更加美觀和實(shí)用，以下是一些常見的樣式設(shè)置：

1、設(shè)置“×”的位置：

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

這個(gè)樣式可以將“×”按鈕定位在彈窗的右上角，距離彈窗邊緣10像素。

2、設(shè)置“×”的樣式：

.close-btn {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}

這個(gè)樣式可以給“×”按鈕添加一些樣式，如背景色、邊框、圓角等，使其更加美觀和易用，通過cursor: pointer;設(shè)置鼠標(biāo)指針為手形，提示用戶可以點(diǎn)擊關(guān)閉按鈕。

3、響應(yīng)式布局：

@media (max-width: 768px) {
  .close-btn {
    top: 5px;
    right: 5px;
  }
}

在響應(yīng)式布局中，我們可以根據(jù)屏幕寬度調(diào)整“×”按鈕的位置和大小，使其在不同設(shè)備上都能良好地顯示。

通過以上樣式的設(shè)置，我們可以讓彈窗旁邊的“×”更加美觀和實(shí)用，提升用戶體驗(yàn)，也可以根據(jù)不同的需求和設(shè)計(jì)進(jìn)行調(diào)整和優(yōu)化。