html和css：颜色渐变

 

以一个div为例，从左到右，从#ffdd00颜色渐变到#ff5000。使用函数linear-gradient( )。代码如下

<!DOCTYPE html>
<html>
<head>
	<title>样式</title>
</head>
<style type="text/css">
	*{
		padding: 0px;margin: 0px;
	}
	.top{
		width: 100%;
		height: 50px;
		background-image: linear-gradient(to right,#ffdd00,#ff5000);
	}
</style>
<body>
<div class="top"></div>
</body>
</html>

 

posted @ 2020-02-11 22:43  昨夜昙花  阅读(10)  评论(0)    收藏  举报