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> |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。