CSS頁面光標是一種用于指示用戶在網(wǎng)頁上的操作位置的標記，它通常用于文本輸入、按鈕點擊、菜單選擇等場景，在CSS中，我們可以使用多種方法來定義和樣式化頁面光標。

我們可以使用CSS的偽元素::selection來定義頁面光標的樣式，這個偽元素可以匹配用戶選中的文本內(nèi)容，并允許我們對其應用樣式，我們可以使用以下CSS代碼來定義頁面光標的顏色、背景和字體樣式：

::selection {
  color: #fff;
  background: #000;
  font-style: bold;
}

這個樣式會將被選中的文本內(nèi)容顯示為白色字體、黑色背景和加粗樣式。

除了使用::selection偽元素外，我們還可以使用JavaScript來動態(tài)地改變頁面光標的樣式，我們可以使用以下JavaScript代碼來根據(jù)用戶的操作來切換頁面光標的樣式：

document.querySelector('body').addEventListener('selectionchange', function() {
  var selection = document.getSelection();
  if (selection.isCollapsed) {
    // 光標處于非選中狀態(tài)，恢復默認樣式
    document.body.style.backgroundColor = '';
    document.body.style.color = '';
  } else {
    // 光標處于選中狀態(tài)，應用自定義樣式
    document.body.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
    document.body.style.color = 'rgba(255, 255, 255, 0.7)';
  }
});

這個JavaScript代碼會在用戶選中文本內(nèi)容時應用自定義的背景顏色和字體顏色，而在非選中狀態(tài)時則恢復默認樣式。

CSS和JavaScript都提供了多種方法來定義和樣式化頁面光標，使得我們可以更加靈活地控制其在網(wǎng)頁上的顯示效果。