浅谈background的用法

更新时间:2023-07-31 20:06:45 阅读: 评论:0

浅谈background的⽤法
怎样学好初中语文
div css 背景样式background属性
⼀、语法及参数
1、语法:
background : background-color(颜⾊) || background-image(图⽚地址) || background-repeat(平铺⽅式) || background-attachment(固定⽅式) || background-position(定位⼤⼩)
2、background参数:
学校宣传片解说词background属性是复合属性。通俗说background后值可以设置为多值,包括背景颜⾊,背景图⽚等等,以及位置和平铺⽅式的更改等等。⼆、background写法
1、整体写
background:url(图⽚地址) no-repeat 20px 20px;
2、分开写
就需要⽤到background-image:url(图⽚地址);background-repeat(平铺⽅式)  background-position(定位)
三、background详解分析
css background背景样式结构分析简单又漂亮的灯笼
上⾯(⼆)中的css进⾏⼀个详细的说明
1>url我就不说了没什么可以说的
2>平铺⽅式
repeat:默认的,背景图像将在垂直⽅向和⽔平⽅向重复。
repeat-x:背景图像将在⽔平⽅向重复,当然y的话就是垂直了
no-repeat:图⽚显⽰⼀次
小学生篮球
inherit:简单来说的话就是继承⽗元素的
3>定位
上⾯的20px 20px分别代表的意思是 --------->距左边20px,距上边20px
接下来第⼀个20px的位置实际上有三个属性left right center  图⽚靠左开始显⽰靠右⽔平居中
感动中国人物事迹及颁奖词第⼆个20px位置也有三个属性top bottom center  图⽚靠上开始显⽰靠下垂直居中
四、设置背景颜⾊
1、背景颜⾊设置实例CSS代码仓鼠的作文
background:red设置背景颜⾊为红⾊记号笔怎么洗掉
2、承接上⾯的代码我们可以如下操作
幸福一辈子background:red url(图⽚地址) no-repeat 20px 20px;
这段css代码和上⾯差不多,唯⼀多的地⽅就是背景图⽚显⽰不到的地⽅就是⽤红⾊代替。
五、background教程总结
这个背景看起来还是有那么⼀点点的复杂,但是只要沉下⼼来慢慢去学习就会觉得这个就那样,因此好好去学习下,载我们以后遇见复杂的⽹页时,运⽤这些知识就会是得⼼应⼿了。

本文发布于:2023-07-31 20:06:45,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1103454.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:背景   属性   设置   代码
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图