Css 定义表格单元格html5中的对象_Css_Html_Object

Css 定义表格单元格html5中的对象

css html object

Css 定义表格单元格html5中的对象,css,html,object,Css,Html,Object,我试图实现的是创建一个对象或一些可以帮助我从不同单元格中选择数据的东西。在这个例子中（见下图），我试图把一些隐藏的物体放在红点的位置上。然后，该按钮将激活四个最近的单元格。我不需要一个激活脚本，我只是不知道在html中定位这个对象最聪明的方法是什么。你能告诉我怎么做吗？多谢各位代码：表，th，td{ 边框：1px纯黑； } 名字姓氏年龄吉尔史密斯 50 前夕杰克逊 94 约翰雌鹿 80 定位对象是可能的。不确定单击事件tho 表格， th，运输署{ 边框：1px纯黑； }

我试图实现的是创建一个对象或一些可以帮助我从不同单元格中选择数据的东西。在这个例子中（见下图），我试图把一些隐藏的物体放在红点的位置上。然后，该按钮将激活四个最近的单元格。我不需要一个激活脚本，我只是不知道在html中定位这个对象最聪明的方法是什么。你能告诉我怎么做吗？多谢各位

代码：


表，th，td{
边框：1px纯黑；
}
名字
姓氏
年龄
吉尔
史密斯
50
前夕
杰克逊
94
约翰
雌鹿
80

定位对象是可能的。不确定单击事件tho

表格，
th，
运输署{
边框：1px纯黑；
}
运输署{
位置：相对位置；
}
td.点击{
位置：绝对位置；
宽度：20px；
高度：20px；
背景：黑色；
边界半径：100%；
左：-10px；
顶部：-10px；
}


名字
姓氏
年龄
吉尔
史密斯
50
前夕
杰克逊
94
约翰
雌鹿
80

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

</body>
</html>