浅谈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教程总结
这个背景看起来还是有那么⼀点点的复杂,但是只要沉下⼼来慢慢去学习就会觉得这个就那样,因此好好去学习下,载我们以后遇见复杂的⽹页时,运⽤这些知识就会是得⼼应⼿了。