边界，在细胞附近重叠

Question

这就是MS Excel中细胞选择的样子：

是否可以在常规HTML <table>中使用相似的边框，以便边框在单元格附近重叠（如果仔细观察，您会看到边框扩展到每边大约1px个在细胞附近）？

Answer 1

是的，在某种程度上。我只在Chrome中进行过测试，但这可行：http://jsfiddle.net/q4Lcc/

td {
    width: 120px;
    height: 50px;
  border: 1px solid gray;  
}

td#test_td {
     border: 3px solid black;   
}

Answer 2

我不知道纯粹使用表格的方法，但一种方法是使用另一个div或文本输入，它绝对定位在数据表上。

以下是一个实例：http://jsbin.com/edehoc

我个人喜欢这种方法，因为它可以让你使用熟悉的表单元素，当它获得焦点时具有预期的样式。