HTML渐变背景

最新推荐文章于 2023-03-31 10:38:39 发布

aixuan5685

最新推荐文章于 2023-03-31 10:38:39 发布

阅读量103

点赞数

原文链接：http://www.cnblogs.com/xiaosen992608/p/4062542.html

版权

<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>webrx-title-QQ:7031633</title>
	<style>
	div{
	width:200px;
	height:200px;
	background-color:red;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='yellow', gradientType='0');

	/* IE 8 y 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='yellow', gradientType='0')";



	/* IE 10 */
	background: -ms-linear-gradient(top, red,yellow);

	background-image:-webkit-linear-gradient(45deg,#ff0000,#ffff00,#00ff00,#ff00ff);

	}
	</style>
	</head>

	<body>
	<!-- 渐变背景 -->
	<div></div>
	</body>
	</html>