在这些规划图中，不同类型的土地用途如住宅、商业、工业等都被标记不同的颜色和符号来表示。这些规划图的制作通常使用计算机辅助设计（CAD）软件和GIS（地理信息系统），而CSS则可以用来实现将这些图形化的信息呈现在网页上。
为了实现这种目的，通常会将规划图转换成一个SVG或图片，并用CSS来控制其位置、尺寸和样式。这可以通过使用pre标签来呈现图像的代码：
.my-map {
position: relative; /*使得容器内的绝对定位生效*/
width: 100%;
}
.my-map img {
display: block;
max-width: 100%;
height: auto;
}
.my-map .label {
position: absolute;
display: inline-block;
width: 100px;
height: 100px;
background-color: rgba(0,0,0,0.5);
color: #fff;
font-size: 12px;
text-align: center;
line-height: 1.5;
}上述代码中，大家首先为容器设置了宽度，并使图像自适应容器大小。大家还使用了绝对定位让标签可以覆盖在图像上。这些标签可以标注不同的用途、名称以及其它相关信息。
使用CSS来显示宗地草图，可以为用户提供更清晰、易于理解的视觉效果。通过标记不同类型的土地用途、标识不同区域的坐标以及显示其它相关信息，用户可以更快速地理解规划图表达的信息。因此，将CSS用于宗地草图是一种非常实用的方式。