x
<html><head><style>#grad1 { height: 200px; background-color: red; /* Для браузеров, не поддерживающих градиенты */ background-image: linear-gradient(red, yellow);}</style></head><body><h1>Линейный градиент - сверху вниз</h1><p>Этот линейный градиент начинается с красного вверху, переходя к желтому внизу:</p><div id="grad1"></div></body></html>