div css背景漸變效果

admin發表於2017-02-21
CSS

分享一段設定背景漸變的程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>背景漸變效果-螞蟻部落</title> 
<style type="text/css"> 
.linear  { 
  width:100%; 
  height:600px; 
  background:-ms-linear-gradient(top, #b8c4cb, #f6f6f8);/*火狐*/ 
  background:-moz-linear-gradient(top, #b8c4cb, #f6f6f8);/*火狐*/ 
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*谷歌*/ 
} 
</style> 
</head> 
<body> 
<div class="linear"></div> 
</body> 
</hmtl>

相關文章