企业官网建设流程全解析

关于旅游的网站建设目的,无锡网站制作推广公司,电子商务网站关键技术,网页游戏排行榜2024前十名六、背景相关属性 1.1 背景颜色 属性名: background-color (bgc)属性值#xff1a; 颜色取值:关键字、rgb表示法、rgba表示法、十六进制…… 注意点#xff1a; 背景颜色默认值是透明#xff1a; rgba(0,0,0,0)、transparent背景颜色不会影响盒子大小#xff0c;并且还能看…六、背景相关属性1.1 背景颜色属性名: background-color (bgc)属性值颜色取值:关键字、rgb表示法、rgba表示法、十六进制……注意点背景颜色默认值是透明 rgba(0,0,0,0)、transparent背景颜色不会影响盒子大小并且还能看清盒子的大小和位置一般在布局中会习惯先给盒子设置背景颜色1.2 小结背景颜色属性的属性名是background-color背景颜色属性的属性值默认是?透明rgba(0,0,0,0)、transparent2.1 背景图片属性名: background-image (bgi)属性值: background-image: url(‘图片的路径’);注意点背景图片中url中可以省略引号背景图片默认是在水平和垂直方向平铺的背景图片仅仅是指给盒子起到装饰效果类似于背景颜色是不能撑开盒子的2.2 小结背景图片属性的属性名是background-image背景图片属性的属性值格式是什么样的background-image: url(‘图片的路径’);3.1 背景平铺属性名: background-repeat (bgr)属性值取值效果repeat默认值水平和垂直方向都平铺no-repeat不平铺repeat-x沿着垂直方向x轴平铺repeat-y沿着垂直方向y轴平铺3.2 小结背景平铺属性的属性名是background-repeat背景平铺属性的属性值常见的有哪些取值效果repeat默认值水平和垂直方向都平铺no-repeat不平铺repeat-x沿着垂直方向x轴平铺repeat-y沿着垂直方向y轴平铺4.1 背景位置属性名: background-position (bgp)属性值 background-position: 水平方向位置 垂直方向位置;注意点 方位名词取值和坐标取值可以混使用第一个取值表示水平第二个取值表示垂直4.2 小结背景位置属性的属性名是background-position背景位置属性的取值有哪些5.1 背景相关属性的连写形式属性名: background (bg)属性值单个属性值的合写取值之间以空格隔开书写顺序推荐: background: color image repeat position省略问题可以按照需求省略特殊情况:在pc端,如果盒子大小和背景图片大小一样,此时可以直接写 background: urlO注意点如果需要设置单独的样式和连写①要么把单独的样式写在连写的下面②要么把单独的样式写在连写的里面5.2 小结背景相关属性连写的属性名是background背景相关属性连写的取值的写法是单个属性值的合写取值之间以空格隔开推荐: background: color image repeat position6.1 (拓展) img标签和背景图片的区别需求:需要在网页中展示一张图片的效果?方法一直接写上img标签即可img标签是一个标签,不设置宽高默认会以原尺寸显示方法二div标签 背景图片需要设置div的宽高因为背景图片只是装饰的CSS样式不能撑开div标签