<html><head><style> #grad1 { height: 200px; background-color: #cccccc; background-image: linear-gradient(red, yellow, green);}</style></head><body><h2>线性渐变作为背景图片</h2><p>这个线性渐变从顶部开始。 它开始是红色，过渡到黄色，然后是绿色：</p><div id="grad1"></div><p><strong>注意：</strong>Internet Explorer 9 及更早版本不支持渐变。</p></body></html>