TP Notes: css 使用變數

css 可以使用一些 function , 例如 calc 可以計算，還有一個比較少用的 var 這個變數的 function 
  
規則 : 
    
1. 變數前面要加 **"<font color='#f00'>--</font>"**
2. var 內容別放空格

範例如下:

```
$mmcode(r1)
```
  
<div class="mmresult r1">

--aa:repeating-linear-gradient(90deg, var(--color1),var(--color1) 0.1em,#0000 0.1em,#0000 1em) 0em 0em;

--bb:repeating-linear-gradient(90deg, var(--color1),var(--color1) 0.05em,#0000 0.05em,#0000 1em) 0.525em 0.5em/auto 1em;

--cc:repeating-linear-gradient(90deg, var(--color1),var(--color1) 0.02em,#0000 0.02em,#0000 0.1em) 0.04em 0.7em/auto 1em;

}

.a07221_c1
{
  width:6.1em;
  height:1em;
  background: var(--aa),var(--bb),var(--cc); 
  background-repeat:no-repeat;
  font-size:3em;
}
</style>

</div>
  
var 也可以搭配 calc 做計算 , 這樣可以把很多參數設為變數, 如果要修改，不需要一個一個改了

```
$mmcode(r2)
```
  
<div class="mmresult r2">

</div>

TP Notes