<html><head><style>#grad1 { height: 200px; background-image: repeating-linear-gradient(red, yellow 10%, green 20%);}</style></head><body><h1>重复线性渐变</h1><div id="grad1"></div><p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持渐变。</p></body></html>