css3中的background

对background的两种运用：一是background中的线性渐变，background: linear-gradient(to bottom,#0e7bef,#0d73da);这个是对背景颜色从上到下的一种线性渐变（linear-gradient），两个颜色参数是从第一个颜色参数渐变到第二个颜色参数。二是对background: #0e7bef url(../img/sprites.auto.26d10b5b.png)center 0 no-repeat;这样的一种写法，呈现出的是在一片蓝色的背景中间会有泛白的效果，使蓝色背景会很好看，它是把一个背景颜色和背景图结合起来使用的，图片是一个全透明的什么都没有，center 意思就是背景图像横向和纵向居中，由于图片很大所以不需要平铺（no-repeat）。

转载于:https://www.cnblogs.com/MissZhao/p/5800423.html

css3中的background相关推荐

理解CSS3中的background－size(对响应性图片等比例缩放)
理解CSS3中的background-size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性给图片设置固定的宽度和高度的固定宽度400px和高度200px-使用ba ...
CSS3中的 Background linear gradient()用法
本文参考自css only muti-color background如有兴趣的同学可以去看看这篇文章这篇文章主要通过几个例子看看linear-gradient()的具体用法对linear-grad ...
HTML背景渐变圆圈,背景渐变：html5+css3中的background: -moz-linear-gradient 用
在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. 背景使用CSS渐变显示可以不使用图像就实现两 ...
html5+css3中的background: -moz-linear-gradient 用法
http://hi.baidu.com/zyyhyzazwm/item/72dc6c9a40513acf1a49df56 在CSS中background: -moz-linear-gradient 让 ...
css3 中background的新增加的属性的用法(一)
关于background属性用法,相信许多重构人员都很熟悉了,在css3中,background属性依然保持以前的用法,不过可以允许在该属性中添加多个背景图像组,背景图像之间通过逗号进行分隔.增加了4 ...
CSS3中背景的四个新的属性
本文对CSS3中背景的四个新的属性进行了详细介绍. 多重背景图片 Css3中,对一个元素可以使用一张以上的背景图片.除了使用逗号将图片分开以外,其代码与css2相同.第一个声明的图片定位在元素的顶部, ...
html5 css3中的一些笔记
<!DOCTYPE html> <html> <head><meta charset="utf-8" ><title>c ...
css3个性loading,css3 中实现炫酷的loading效果
•今天实现了一个炫酷的loading效果,基本全用css来实现,主要练习一下css3的熟练运用 •js需要引入jquery 只用到了一点点js •先看效果图 html: 加载中 . . . css: ...
css3中的 @Keyframes
一.介绍 keyframes被称为关键帧,其类似于Flash中的关键帧.在CSS3中其主要以"@keyframes"开头,后面跟着是动画名称加上一对花括号"{-}&quo ...

css3中的background

css3中的background相关推荐

最新文章

热门文章