定义背景图像

HTML

<div class="blue">设计渐变图像</div>
					    

CSS

body {
    background:#ededed;
    margin: 30px auto;
}
.blue {
    color: #d9eef7;
    height:100px;
    width:400px;
    margin:auto;
    line-height:100px;
    text-align:center;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    background: linear-gradient(to bottom, #00adee, #0078a5);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
 
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}