书画协会网站建设,莱芜网站优化公司,专业的美容网站建设,网站开发的几个主要阶段当我们在 HTML 中设置背景时#xff0c;可以使用 background 属性。这个属性有多个值#xff0c;可以使用不同的值来设置背景图片、背景颜色、背景位置、背景重复等等。以下是用表格列出的常见的 background 属性的值及其作用#xff1a;
属性值描述background-color设置背…当我们在 HTML 中设置背景时可以使用 background 属性。这个属性有多个值可以使用不同的值来设置背景图片、背景颜色、背景位置、背景重复等等。以下是用表格列出的常见的 background 属性的值及其作用
属性值描述background-color设置背景颜色。可以使用颜色名称、十六进制值、RGB 值或者 HSL 值。background-image设置背景图片。可以使用图片的 URL 地址或者使用 url() 函数引入图片。background-repeat设置背景图片的重复方式。可以使用 repeat默认值图片在水平和垂直方向均重复、repeat-x图片在水平方向重复、repeat-y图片在垂直方向重复或者 no-repeat图片不重复background-position设置背景图片的位置。可以使用关键词如 left、center、right、top、center、bottom或者具体的位置值如 50px 30px来指定。background-attachment设置背景图片的滚动方式。可以使用 scroll默认值背景图片会随页面滚动、fixed背景图片固定不动或者 local背景图片会在元素内滚动元素的内容会穿过背景。background-size设置背景图片的大小。可以使用具体的大小值像素值、百分比等等也可以使用关键词如 cover、contain来指定。cover 会让图片铺满整个背景但是可能会被裁剪contain 会让整个图片都显示在背景中但是可能会留下空白。背景透明background:rgba(0,0,0,0.1);必须是四个参数
注意当使用 background 属性设置多个值时各个值之间需要用空格隔开。例如background: url(example.jpg) no-repeat center center fixed;
