要在正方形中仅使用CSS绘制一条精准的对角线，可以使用伪元素和transform属性来实现。以下是一个简单的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diagonal Line in Square</title>
<style>
.square {
width: 200px;
height: 200px;
position: relative;
background-color: #f0f0f0;
}
.square::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px; /* 线的粗细 */
background-color: black;
transform: rotate(45deg);
transform-origin: 0 0;
}
</style>
</head>
<body>
<div class="square"></div>
</body>
</html>
.square: 这是一个正方形的容器，宽度和高度都设置为200px。.square::before: 使用伪元素::before来创建对角线。伪元素的内容为空（content: ''），并且绝对定位在正方形的左上角（top: 0; left: 0;）。width: 100%: 伪元素的宽度设置为100%，这样它会覆盖整个正方形的宽度。height: 2px: 设置伪元素的高度为2px，表示对角线的粗细。transform: rotate(45deg): 使用transform属性将伪元素旋转45度，使其成为对角线。transform-origin: 0 0: 设置旋转的原点为左上角，确保对角线从正方形的左上角延伸到右下角。这段代码会在一个200x200像素的正方形中绘制一条从左上角到右下角的黑色对角线。
你可以根据需要调整正方形的尺寸、对角线的颜色和粗细。