当前位置:首页 > 前端技术 > CSS实现网页背景颜色渐变效果的代码

CSS实现网页背景颜色渐变效果的代码

2022年11月09日 23:23:20前端技术12
body
{
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;    
    margin: 0;
    background-color: #b1e0fa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeef2), to(#b1e0fa));
    background-image: -webkit-linear-gradient(top, #ebeef2, #b1e0fa);
    background-image: -moz-linear-gradient(top, #ebeef2, #b1e0fa);
    background-image: -ms-linear-gradient(top, #ebeef2, #b1e0fa);
    background-image: -o-linear-gradient(top, #ebeef2, #b1e0fa);
    background-image: linear-gradient(top, #ebeef2, #b1e0fa); 
	   
}
<pre name="code" class="css">实现网页背景颜色渐变效果
 
 

作者:huangshulang1234
来源链接:https://blog.csdn.net/huangshulang1234/article/details/52738741

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/69113.html

标签: css
分享给朋友:

“CSS实现网页背景颜色渐变效果的代码” 的相关文章

用HTML5/CSS3/JS开发Android/IOS应用

用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师。其实,安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具。  在...

CSS

CSS

文章目录 1. CSS 的概念 2. CSS 的作用 3. CSS 与 HTML 的结合方式 4. CSS 格式 5. 选择器 5.1 选择器的作用...

CSS将img图片填满父容器div,自适应容器大小

当一个页面中引入多张图片时候,会碰到图片尺寸不一致,单要求显示成一致的大小,我们直接设置图片尺寸会导致图片变形,这就是我们遇到的问题,看下解决方法: <div> <img src="引入的图片地址" alt=""> </div&...

修改nui-app中rich-text富文本内容的css样式

如何修改rich-text富文本内容的css样式 以图片举例: 我们可以使用正则匹配的方式为富文本的标签加上类名: 富文本渲染数据.replace(/\<img/gi, '<img class="richImg"'); 然...

CSS 简介

CSS 简介 什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添...

3D 穿梭效果?使用 CSS 轻松搞定

3D 穿梭效果?使用 CSS 轻松搞定

背景 周末在家习惯性登陆 Apex,准备玩几盘。在登陆加速器的过程中,发现加速器到期了。 我一直用的腾讯网游加速器,然而点击充值按钮,提示最近客户端升级改造,暂不支持充值(这个操作把我震惊了~)。只能转头下载网易 UU 加速器。 打开 UU 加速器首页,映入眼帘的是这...

CSS中的Position属性

CSS中的Position属性

也许你看到这个标题觉得很简单,确实这是一篇关于CSS中Position属性基础知识的文章,但是关于Position的一些细节也许你不了解。 1、简介 position有五个属性: static | relative | absolute | fixed | inheri...

Css图文排布

Css图文排布

图文排布看似简单其实需要花大量的精力去修改,其中图文排布是最常见到的,下面分享下,我对此的一些经验吧 ————————————————– 1.最简单的图文排列——一个图片+一段文字形式 img为行级标签,所以在不进行任何修饰情况下,图片与文字是不整齐的,这时我...

Jquery+css实现图片无缝滚动轮播

Jquery+css实现图片无缝滚动轮播

Today,在XX学院的教学视频中,偶尔看到了Jquery+css实现图片无缝滚动轮播视频教程,虽然以前已写过类似的,但是我感觉他学的比较精简。为了方便以后做项目时直接拷贝,特地写出来,顺便和大家分享一下 最终实现界面如下: 页面加载时,自动轮播,轮播鼠标悬停在整个...

css字体倾斜角度

css如何设置字体为倾斜样式?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 在CSS中,可以通过设置font-style属性的值为italic(斜体)、oblique(倾斜字体)来让字体样式为倾斜样式...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。