Css中的背景属性怎么用


小编给大家分享一下Css中的背景属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、背景包括背景颜色、背景图像

背景颜色:使用单一色作为背景

背景图像:以图片做背景、以渐变色做背景

1、背景颜色

属性:background-color:颜色值;

2、背景图片

属性:background-image

取值:url(图像路径);

background-imageurl(“images/logo.png”);

background-imageurl(‘images/logo.png’);

background-imageurl(images/logo.png);

3、背景重复

属性:background-repeat:

取值:

repeat : 默认值,垂直和水平都平铺

repeat-x : 仅在水平方向平铺

repeat-y : 仅在垂直方向平铺

no-repeat : 不平铺,仅显示一次

4、背景图片尺寸

属性:background-size

取值:value1 value2 : 宽度 高度 或者 value% value2% : 百分比

cover:扩大背景图像,使背景图完全覆盖背景区域,直到碰到最后一个边缘才停止

contain:扩大背景图像,碰到第一个边缘就停止

5、背景图像固定

属性:background-attachment

取值:scroll即默认,滚动定位 fixed即固定定位

6、背景定位

背景图像在区域中的哪个位置进行显示

属性:background-position

取值: x% y%免费云主机域名 水平位置 垂直位置 或者 x y :水平位置 垂直位置

x 为正 , 向右移动

x 为负 , 向左移动

y 为正 , 向下移动

y 为负 , 向上移动

left right top bottom

center : 居中(x,y)

x:可取值为 left , right , center

y :可取值为 top , bottom, center

background-positionleft top;

background-positioncenter;

常用方式:

1、创建一个与要显示图标大小一样的元素

2、为创建好的元素设置背景图像(大背景图)

3、通过background-position,将图片移动到指定的位置处

以上是“Css中的背景属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: Java中获取反射的方式有哪些

这篇文章主要介绍“Java中获取反射的方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Java中获取反射的方式有哪些”文章能帮助大家解决问题。引用一句很经典的话反射是框架设计的灵魂,只有学好了反射,才能设计出好…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/12 17:23
Next 09/12 17:23

相关推荐