表格单元格中的样式内容没有添加额外的标签？

Question

我有一个表中的内容：

<td>1</td> 
<td>2</td> 
<td>3</td> 

表细胞本身具有的风格（如背景颜色和边框），但我希望有各地的数字（不使用图像）的圆圈，用border-半径（与高度，宽度等）...但我不想添加额外的标签。

:before {content:<span>;} 

将被罚款（及其：选择后），因为我包装的元素，在渲染的水平，但在内容属性不会呈现HTML标签。

有没有办法做到这一点，或者我必须将每个单元格的内容包装到另一个标签中？浏览器兼容性是Mobile Safari（webkit），因为这是针对科尔多瓦项目的，因此请使用您能想到的所有新方法。

Answer 1

这样做怎么样？

Demo

<table> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
    </tr> 
</table> 

td { 
    position: relative; 
    height: 40px; 
    width: 40px; 
} 

td:after { 
    content: '•'; 
    color: #f00; 
    position: relative; 
    font-size: 90px; 
    left: -20px; 
    top: 23px; 
    z-index: -1; 
}