css背景样式有哪些

发布时间:2021-12-09 11:07:15 作者:iii
来源:亿速云 阅读:166

这篇文章主要介绍“css背景样式有哪些”,在日常操作中,相信很多人在css背景样式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css背景样式有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

css背景样式包含:background-color、background-image、background-position、background-attachment、background-repeat、background。

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

1、background-color 设置元素的背景颜色。

background-color:颜色/transparent

说明:

背景区包括内容、内边距(padding)和边框(border)、不包含外边距(margin)

2、background-image 设置元素的背景图片。

background-image:url(图片地址)/none

说明:

3、background-position 设置背景图片的起始位置,背景定位

background-position :百分比/px/top/right/bottom/left/center

css背景样式有哪些

css背景样式有哪些

4、background-attachment 背景图像是否固定或者随着页面的其余部分滚动

background-attachment:scroll/fixed

5、background-repeat 设置背景图像是否重复及如何重复

background-repeat:repeat/no-repeat/repeat-x/repeat-y 

//分别是重复、不重复、水平重复、不重复

6、background 简写属性,作用是将背景属性设置在一个声明中。

background:[background-color] [background-image] [background-repeat] [background-attachment] [background-position]

说明:各值之间用空格分割,不分先后顺序

到此,关于“css背景样式有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. CSS常用样式有哪些
  2. Css背景样式的属性怎么设置

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:css3的伪类是什么

下一篇:hadoop核心HDFS有什么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》