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