·背景色
background-color
transparent 設定透明
·背景background-image
eg:background-image: url(img/head2.png);
background-size: 100px 200px; /*背景圖大小，少用，失真*/
background-repeat: repeat;
/*repeat no-repeat repeat-x repeat-y*/
background-position: center;/*位置*/
background-position: 20px 20px;
body /*background-attachment 背景固定*/
css sprites css精靈
·使用background-image屬性進行設定
linear-gradient：線性漸變
radial-gradient：徑向漸變
repeating-linear-gradient:重複線性漸變
repeating-radial-gradient：重複徑向漸變
-linear-gradient：線性漸變
linear-gradient（angle，color1，color2···）
·角度可以to top （0°） to right （90°）
background-image: linear-gradient(180deg,green,red);
background-image: linear-gradient(to right,yellow 30%,red 70%);
/*顏色的百分比，第乙個值要比第二個小才可以，否則沒有漸變*/
-radial-gradient：徑向漸變
radial-gradient（size at position ，color1，color2···）
/*background-image: radial-gradient(100px at left bottom ,yellow,red);*/
/*background-image: radial-gradient(100px at center ,yellow,red);*/
background-image: radial-gradient(100px at 50px 20px ,yellow,red);
/*radial-gradient（size at position ，color1，color2···）
* size 是半徑大小
* */
-/*background-image: radial-gradient(100px at 50px 20px ,yellow,red);*/
background-image: repeating-radial-gradient(10px at center ,red 0% ,yellow 20%);
css3背景和漸變
background clipcss3 背景影象區域 background clip border box background clip padding box background clip content box 例子 background clip border box background...
Css實現背景漸變
一 漸變 漸變是css3當中比較豐富多彩的乙個特性，通過漸變我們可以實現許多炫麗的效果，有效的減少的使用數量，並且具有很強的適應性和可擴充套件性。二 線性漸變 線性漸變指沿著某條直線朝乙個方向產生漸變效果 div 從右到左 div 從左到右 div 瀏覽器預設值 div 從下到上 div 到右下角 ...
css3 背景漸變
在沒有了解css也可以做背景漸變以前，我都是通過ps一張背景漸變的來應用到自己所做的網頁中。然而，在前不久我了解到css3也可以做背景漸變後，想要做背景漸變的效果就很容易了許多，下面是一些css3做背景漸變的方法。一.線性漸變 自上而下的線性漸變 div 從左往右的線性漸變 div 第乙個引數是漸變...