Demo-V1Study

Linear Gradient theo hướng xuống dưới, bắt đầu là màu 'red', kết thúc là màu 'blue'

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#grad1{
height:200px;
background: -webkit-linear-gradient(red, blue); /* Safari */
background: -o-linear-gradient(red, blue); /* Opera */
background: -moz-linear-gradient(red, blue); /* Firefox */
background: linear-gradient(red, blue); /* hoặc: background: linear-gradient(to bottom, red, blue); */
}
</style>
</head>
<body>
<p>Linear Gradient theo hướng xuống dưới, bắt đầu là màu 'red', kết thúc là màu 'blue'</p>
<div id="grad1"></div>
</body>
</html>