对于浏览器不支持HTML5的Internet Explorer(IE),CSS变量使用特殊字符(如空格和制表符)作为变量值，因为这些字符在IE中也是有效的CSS属性值。
下面是一个使用CSS变量的例子：
#my-container {
width: 200px;
height: 200px;
background-color: #ccc;
#my-variable {
width: 50%;
height: 100%;
在这个例子中，大家定义了一个名为“my-variable”的CSS变量，它有两个属性，分别是“width”和“height”，分别占整个容器的50%和100%。大家可以使用“#my-variable”来引用这个变量，并在其中添加或删除空格或制表符来定义它的值。例如，以下代码将创建一个宽度为100%的垂直背景容器：
#my-container {
width: 200px;
height: 200px;
background-color: #ccc;
#my-variable {
width: 100%;
height: 100%;
在这个例子中，“#my-variable”的值为“100%”，这意味着整个容器都将填充背景色。
除了使用特殊字符外，大家还可以使用HTML标签和属性来定义CSS变量。例如，以下代码将创建一个宽度和高度均为“100%”的HTML标签：
<div id=”my-container” id=”my-variable”></div>
在这个例子中，大家使用了“id”属性来定义“my-container”和“my-variable”标签，并使用“#my-variable”来引用它们。这样，大家就可以在同一个HTML文件中定义多个CSS变量，而无需将它们分别保存在不同的HTML文件中。
使用CSS变量可以使CSS更加灵活，可以根据需要动态改变样式。同时，由于在IE中使用特殊字符定义CSS变量可能会导致兼容性问题，因此大家需要谨慎使用。