在CSS中，要實現(xiàn)點擊導航彈出登錄的功能，可以通過JavaScript來實現(xiàn)，以下是一個簡單的示例代碼：

HTML代碼：

<nav>
  <ul>
    <li><a href="#">登錄</a></li>
    <li><a href="#">注冊</a></li>
    <li><a href="#">忘記密碼</a></li>
  </ul>
</nav>
<div id="login-modal">
  <h1>登錄</h1>
  <form>
    <label for="username">用戶名:</label>
    <input type="text" id="username" name="username">
    <label for="password">密碼:</label>
    <input type="password" id="password" name="password">
    <input type="submit" value="登錄">
  </form>
</div>

CSS代碼：

#login-modal {
  display: none; /* 隱藏登錄模態(tài)框 */
  position: fixed; /* 固定模態(tài)框的位置 */
  top: 0; /* 模態(tài)框距離頂部的距離 */
  left: 0; /* 模態(tài)框距離左邊的距離 */
  width: 100%; /* 模態(tài)框的寬度 */
  height: 100%; /* 模態(tài)框的高度 */
  background-color: rgba(0, 0, 0, 0.5); /* 模態(tài)框的背景顏色 */
}

JavaScript代碼：

// 獲取導航鏈接元素
var navLinks = document.getElementsByTagName('a');
// 為每個鏈接元素添加點擊事件監(jiān)聽器
for (var i = 0; i < navLinks.length; i++) {
  var link = navLinks[i];
  link.addEventListener('click', function(event) {
    // 檢查是否點擊了登錄鏈接
    if (event.target.textContent === '登錄') {
      // 顯示登錄模態(tài)框
      var loginModal = document.getElementById('login-modal');
      loginModal.style.display = 'block';
    } else {
      // 如果不是登錄鏈接，則正常處理鏈接點擊事件
      event.target.href = event.target.getAttribute('href');
    }
  });
}

在這個示例中，當用戶點擊導航鏈接時，JavaScript代碼會檢查是否點擊了登錄鏈接，如果是，則會顯示登錄模態(tài)框，如果不是，則會正常處理鏈接點擊事件，CSS代碼會隱藏登錄模態(tài)框，并設置模態(tài)框的位置、寬度、高度和背景顏色。