當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

css背景渐变的技巧与方法

發布時間：2025/7/25 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 css背景渐变的技巧与方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

[發帖際遇]: the_truth玩寵物的時候不幸損失威望13.

css背景漸變的技巧與方法
用css實現網頁背景漸變的代碼如下：

一、從上往下漸變

Example Source Code:
body{
FILTER: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}

二、從左上至右下漸變

Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}

三、從左往右漸變

Example Source Code:
body{
FILTER: progidXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}

四、從上往下漸變

Example Source Code:
style="filter:progidXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"

轉載于:https://www.cnblogs.com/shenguanhao/archive/2011/08/17/2143029.html

總結

以上是生活随笔為你收集整理的css背景渐变的技巧与方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。