渐变是css3的其中一项,但是基本都没人用,因为不兼容IE8,但渐变颜色好看基本就为你的网站提供了飞跃般的提升,若要使用请抠图做背景。渐变色系网站http://color.oulu.me/ 下面我提供几串色系代码。更多的选择请移步链接
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 200px;
height: 200px;
border-radius:50% ;
}
div:nth-of-type(1){
background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);
}
div:nth-of-type(2){
background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}
div:nth-of-type(3){
background-image: linear-gradient(to top, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>