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