如何让下划线在每次页面加载时都改变颜色？

要让下划线在每次页面加载时都改变颜色，可以通过以下步骤实现：

使用CSS样式表定义下划线的样式。可以使用border-bottom属性来创建下划线，并设置颜色为初始颜色。例如：

.underline {
  border-bottom: 1px solid #000; /* 初始颜色为黑色 */
}

在HTML页面中，将需要应用下划线效果的元素添加相应的类名。例如：

<p class="underline">这是一个带下划线的文本。</p>

使用JavaScript来实现每次页面加载时改变下划线颜色的功能。可以通过以下代码实现：

window.addEventListener('load', function() {
  var underlineElements = document.getElementsByClassName('underline');
  
  // 生成随机颜色
  function getRandomColor() {
    var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++) {
      color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
  }
  
  // 改变下划线颜色
  function changeUnderlineColor() {
    for (var i = 0; i < underlineElements.length; i++) {
      var underlineElement = underlineElements[i];
      var color = getRandomColor();
      underlineElement.style.borderBottomColor = color;
    }
  }
  
  // 页面加载时改变下划线颜色
  changeUnderlineColor();
});

通过以上步骤，每次页面加载时，下划线的颜色都会随机改变。这样可以实现下划线在每次页面加载时都改变颜色的效果。

注意：以上代码只是示例，实际应用中可能需要根据具体情况进行调整。