网页背景渐变

川长思鸟来 2022-08-12 21:00 219阅读 0赞

<!DOCTYPE html>  
<html>  
  <head>  
    <title>网页背景渐变</title>  
  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
    <meta http-equiv="description" content="this is my page">  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  </head>  
 <style type="text/css">   
  
.linear\{   
width:100%;   
height:600px;   
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=\#FFF,endColorStr=\#999); /\*IE 6 7 8\*/   
background: -ms-linear-gradient(top, \#FFF,  \#999);        /\* IE 10 \*/  
background:-moz-linear-gradient(top,\#FFF,\#999);/\*火狐\*/   
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(\#FFF), to(\#999));/\*谷歌\*/   
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(\#FFF), to(\#999));      /\* Safari 4-5, Chrome 1-9\*/  
background: -webkit-linear-gradient(top, \#FFF, \#999);   /\*Safari5.1 Chrome 10+\*/  
background: -o-linear-gradient(top, \#FFF, \#999);  /\*Opera 11.10+\*/  
\}   
</style>   
  
 <body>  
<div class="linear"></div>  
 </body>  
  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关 css背景渐变(灰色渐变背景)

css中文字的渐变怎么？css中文字的渐变怎么办洪资实业样式如下： .text-gradient \{ display: inline-block; colo

Dear 丶/ 2023年09月26日 13:13/ 0 赞/ 171 阅读

相关 css 设置背景渐变

渣渣辰又来了，这次也不例外，同样是带着问题过来的，真的是人生处处是bug，这不。又来了。。。。。。写了这么久的样式我竟然不知道如何设置背景渐变，我的存在真的可能是个意外，都

系统管理员/ 2023年07月25日 06:14/ 0 赞/ 11 阅读

相关 css3背景渐变

从上到下的线性渐变： background: linear-gradient(red, blue); /\ 标准的语法 \/ 线性渐变 - 从左到右 backgrou

╰+攻爆jí腚メ/ 2023年06月19日 04:26/ 0 赞/ 23 阅读

相关网页背景渐变

<!DOCTYPE html> <html> <head> <title>网页背景渐变</title> <meta http-equi

川长思鸟来/ 2022年08月12日 21:00/ 0 赞/ 220 阅读

相关 JavaFX设置背景颜色渐变

有时候我们需要设置控件背景颜色渐变。设置按钮的背景颜色由\00fffc渐变为\fff600，css如下： upButton{ -fx-backgr

逃离我推掉我的手/ 2022年06月09日 02:14/ 0 赞/ 940 阅读

相关 ios 设置背景渐变颜色

效果图： ![Center][] 主要代码： //通过CAGradientLayer 设置渐变的背景。 CAGradientLay

浅浅的花香味﹌/ 2022年06月04日 05:50/ 0 赞/ 564 阅读

相关 css设置背景色渐变

css完成以下如图背景色 ![在这里插入图片描述][2019011414465155.png]css样式 div1 { width: 100%;

墨蓝/ 2022年04月22日 16:06/ 0 赞/ 363 阅读

相关 CSS3背景，渐变

1，有利于代码维护，有利于使用debug进行调试打断点。 2，后面三个都存在计算，所以分开写最好。背景复合属性最好的写法， background:\abcdef

﹏ヽ暗。殇╰゛Y/ 2021年12月20日 01:04/ 0 赞/ 447 阅读

相关 CSS 背景颜色渐变

<style type="text/css"> html,body \{ margin:0px; width

水深无声/ 2021年11月29日 09:32/ 0 赞/ 511 阅读

相关 css如何实现网页背景动态渐变效果

linear-gradient() 函数用于创建一个线性渐变的 "图像"。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止...

朱雀/ 2020年04月28日 06:35/ 0 赞/ 1113 阅读