常用的css背景属性介绍_css教程,css,背景属性

CSS教程 CSS教程 5个月前 (05-26) 18次浏览 0个评论 扫描二维码

关于css样式表及多重样式优先级的介绍_css教程

本文来自CSS入门基础教程栏目,文中为大家介绍了css样式表及多重样式优先级的相关知识,具有一定的参考价值,希望可以帮助到大家。多重样式优先级:内联样式>内部样式>外部样式>浏览器默认样式。

常用的css背景属性介绍_css教程,css,背景属性

一、background-color

该属性定义了元素的背景颜色。

页面的背景颜色使用在body的选择器中,如下:

常用的css背景属性介绍_css教程,css,背景属性

效果图:

常用的css背景属性介绍_css教程,css,背景属性

在CSS中,颜色值通常以以下方式定义:

1、十六进制 – 如:”#ff0000″

2、RGB – 如:”rgb(255,0,0)”

3、颜色名称 – 如:”red”

(视频教程推荐:css视频教程)

二、background-image

该属性描述了元素的背景图像。

默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。

深入理解px、rem、em、vh、vw之间的区别_css教程

CSS3中新增加的一个尺寸(度量)单位,根节点(html)的font-size决定了rem的尺寸,也就是说它是一个相对单位,相对于(html)。

实例:

常用的css背景属性介绍_css教程,css,背景属性

结果:

常用的css背景属性介绍_css教程,css,背景属性

三、background-repeat

如果我们不想让图像平铺,可以使用 background-repeat 属性。

实例:

属性介绍:

repeat-x:水平方向平铺

no-repeat:不平铺

常用的css背景属性介绍_css教程,css,背景属性

结果:

常用的css背景属性介绍_css教程,css,背景属性

想了解更多相关知识请访问ki4网CSS基础入门栏目。

以上就是常用的css背景属性介绍的详细内容,更多请关注ki4网其它相关文章!

3种CSS使用方法_css教程

(1)链接式:(外部引入.css文件)(2)嵌入式(3)内联式…优点:速度快,所有的CSS控制都是针对本页面标签的,直接在HTML文档中读取样式;缺点: 单个页 面显得臃肿,不能被其他HTML引用造成代码量相对较多,维护麻烦。。。


版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:常用的css背景属性介绍_css教程,css,背景属性
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到