html当鼠标拖动表格单元格时被选中鼠标按下时的一条虚线是怎么弄的

HTML本身并不直接支持在鼠标拖动或按下时显示虚线效果。然而，这种视觉反馈通常是在网页开发中结合CSS样式和JavaScript来实现的。当你拖动表格单元格时，可以借助CSS伪元素`:hover`来设置鼠标悬停时的效果，而当用户按下并开始拖动时，则需要通过JavaScript监听mousedown、mousemove和mouseup事件。

这里是一个简单的示例：

<table id="draggableTable">
  <tr>
    <td onmousedown="startDrag(event)" onmousemove="drag(event)" onmouseup="stopDrag(event)">
      <div class="cell"></div>
    </td>
  </tr>
</table>

<style>
.cell {
  border: 1px solid #ccc;
  user-select: none; /* 阻止文本选择 */
}

.cell:hover {
  outline: dotted 1px red; /* 悬停时添加虚线边框 */
}
</style>

<script>
function startDrag(e) {
  // 开始拖动时记录一些信息
  cell = e.target;
  cell.classList.add('dragging');
}

function drag(e) {
  cell.style.left = e.clientX - cell.offsetLeft + 'px';
  cell.style.top = e.clientY - cell.offsetTop + 'px';
}

function stopDrag() {
  cell.classList.remove('dragging'); // 停止拖动时移除标记
}

// 当失去焦点时清理样式
document.addEventListener("mouseout", function (e) {
  if (!e.relatedTarget || !e.relatedTarget.matches('#draggableTable .cell')) {
    document.getElementById('draggableTable').querySelector('.dragging').classList.remove('dragging');
  }
});
</script>

在这个例子中，当用户点击单元格时，会触发`startDrag`函数，然后在移动过程中改变单元格的位置，并在鼠标悬停时添加虚线边框。当释放鼠标时，`stopDrag`会被调用并清除拖动状态。

请注意，这只是一个基础的实现，实际应用中可能需要处理更多边界情况和兼容性问题。同时，现代浏览器已经提供了如`dragula`等库，简化了拖放功能的开发。