在CSS中，我們可以通過偽元素和特殊選擇器來給表格的交叉點添加樣式。下面是一個以HTML表格為例，如何使用CSS畫出一個圓圈的代碼示例：

/*定義單元格交叉點的樣式*/
td {
border: 1px solid black;
padding: 10px;
position: relative;
}
/*定義在單元格元素內創建一個偽元素標記用來作為圓圈*/
td::after {
content: "";
background-color: red;
border: 2px solid white;
border-radius: 50%; /*將偽元素定義為一個圓形*/
display: block;
width: 20px;
height: 20px;
position: absolute; /*定義偽元素的絕對定位屬性，使其居中*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*當鼠標懸停在單元格元素上時，改變圓圈顏色*/
td:hover::after {
background-color: blue;
}

以上代碼中，我們在td元素上定義了一個偽元素::after，用來作為圓圈元素。通過定義絕對定位屬性和translate來使偽元素的位置居中，通過定義border-radius屬性為50%來將偽元素定義為一個圓形。

當鼠標懸停在單元格元素上時，我們可以通過:hover偽類來改變圓圈顏色，實現更加動態的效果。