背景：
在做畢業設計的時候用到了一張背景圖，但是顏色與我想要的顏色不符，就從網上找了一下解決方法，在不改變原圖的基礎上進行變色，變為自己想要的顏色，經過一番查找之后，找到了解決方法，有的用的是css的filter而我用的這個是簡單一點用的是css的一個函式 ---linear-gradient()函式
語法：
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
direction：用角度值指定漸變的方向（或角度），
color-stop：用于指定漸變的起止顏色，一個顏色的時候就是整體都是這個顏色，兩個顏色時一個為起始顏色，一個為終止色，多個顏色，就是多色漸
例子：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> <style> #grad1 { height: 200px; background-color: red; /* 不支持線性的時候顯示 */
background-image: linear-gradient(to bottom right, red , yellow, rgba(0,255,0,1));
/* 這里的to right表示線性從左到右，從紅色漸變變成黃色在漸變為綠色且透明度為不透明 且在這個基礎上可以加上自己的背景圖片只要設定url路徑即可*/
} </style> </head> <body> <div id="grad1"></div> <p><strong>注意：</strong> Internet Explorer 8 及之前的版本不支持漸變，</p> </body> </html>
效果圖：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/21612.html
標籤：Html/Css
上一篇：confluence突然無法打開頁面 服務什么的都正常
下一篇：域共享檔案打不開