网页背景渐变

川长思鸟来 2022-08-12 21:00 150阅读 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 条评论，150人围观）

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

相关阅读

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

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

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

相关网页背景渐变

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

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

相关 JavaFX设置背景颜色渐变

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

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

相关 ios 设置背景渐变颜色

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

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

相关 vue背景渐变切换动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

短命女/ 2022年05月21日 01:55/ 0 赞/ 255 阅读

相关 css设置背景色渐变

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

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

相关 css3渐变背景色

> 好久没写关于css的博客了，因为一个app的需要，自己要做一个动态的渐变背景块，所以算是重新学习了渐变类的css。首先说一下这个背景：vue项目中，考虑到兼容性，

傷城~/ 2022年01月23日 12:51/ 0 赞/ 328 阅读

相关 CSS3背景，渐变

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

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

相关 CSS 背景颜色渐变

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

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

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

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

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