css怎樣設定漸變背景
在當前很多瀏覽器的網頁中,我們可以看到有很多網頁都有漸變背景的,那麼網頁怎樣實現漸變背景呢?今天咪咪我就來分享一下HTML中設定漸變背景的方法。
操作方法
(01)首先,先設定兩個div,然後給它們添上類名。
(02)然後我們對第一個div設定線性漸變,如圖所示,先設定好寬高,然後給background設定-webkit-linear-gradient。
(03)然後裏面設定參數,top表示的是位置,從頂部開始,當然其他位置參數比如left ,right,bottom也是可以的,後面的表示的是顏色值。
(04)如圖,設定好之後,我們的div背景顏色就從上往下,由紅色漸變成藍色。
(05)此外,我們可以設定left top表示從左上角開始,到右下角,也就是對角線漸變。注意,位置之間沒有逗號哦。並且left不能和right同時存在,同理,top也不能和bottom同時存在哦。
(06)儲存之後,我們就可以看到背景顏色從對角線開始漸變了哦。
(07)當然,我們也可以設定多個顏色漸變,如圖,我就隨意的設定了幾種顏色,大家可以根據自己的喜好來設定顏色。
(08)如圖所示,這就是幾種顏色的漸變,有紅,藍,綠,黃等顏色漸變。
(09)接着我們來設定徑向漸變,對background設定-webkit-radial-gradient。
(10)然後我們在裏面添加顏色值,注意,位置默認是從中心點開始的,所以我們可以不用設定。
(11)之後,徑向漸變就成功了,默認從中心點開始進行漸變。
(12)此外,我們還可以設定漸變的範圍,如圖,在顏色的後面添加百分比,這樣就可以設定顏色範圍了。
(13)如圖,百分比設定好之後,顏色範圍就改變了,這裏我就設定綠色範圍比較多。
-
怎樣成爲一名黑客
黑客作爲一個神祕詞語讓很多人都充滿嚮往,現在來給大夥介紹下。操作方法(01)什麼是黑客?JargonFile包含了一大堆關於“hacker”這個詞的定義,大部分與技術高超和熱衷解決問題及超越極限有關。但如果你只想知道如何成爲一名黑客,那麼只有兩件事情確實相關。這可以追溯...
-
如何給SQL SERVER數據表之間添加關係
我們使用SQLSERVER的時候,表和表之間有非常多的關係。那麼如何建立表之間的關係呢?下面小編透過一個實例給大家分享一下。操作方法(01)首先開啟SQLSERVER,右鍵單擊數據庫關係圖,選擇新建關係圖選項,如下圖所示(02)這個時候會彈出添加表介面,我們選擇要添加關係的表,然後點...
-
騰訊的QLV檔案怎麼用其他播放器看?
QLV是騰訊的加密專有格式,有版權保護,只能用騰訊的客戶端播放!操作方法(01)用Potplayer看QLV視頻的時候提示要安裝encv解碼器,如圖,樓主安裝以後開啟視頻的時候還提示這個,這是咋回事啊,默認的安裝位置是potplayer的安裝位置,我沒修改,是因爲安裝位置不對嗎還是沒有調用解...
-
360系統重裝大師裝的是什麼系統?怎麼重裝系統
360系統重裝大師目前是360安全衛士功能大全下的功能之一,要使用360系統重裝大師必須先安裝最新版360安全衛士。下面小編爲你介紹如何用360系統重裝大師重裝系統操作方法(01)開啟360系統重裝大師後見到如下主介面:(02)點擊"重裝環境檢測"按鈕,程序將開始檢測您的系統是...