|
1 背景颜色 {bac公斤round-color:数值}
2背景照片{bac公斤round-image: url(url)|none}
3 背景重复 {bac公斤round-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4 背景固定 {bac公斤round-attachment:fixed|scroll}
5 背景定位 {bac公斤round-position:数值|top|bottom|left|right|center}
6 背影样式 {bac公斤round:背景颜色|背景图象|背景重复|背景附件|背景位置}
1．背景颜色：bac公斤round-color
语法：{bac公斤round-color:数值}
说明：参数取值和颜色属性同样
重视：在html其中，要为某个对象加上背景色仅有一种办法，那便是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这般做比较麻烦，不仅代码较多，还要为表格的体积和定位伤些脑筋。此刻用css就能够容易地直接搞定了，况且对象的范围很广，能够是一段文字，亦能够只是一个单词或一个字母。
例子：给部分文字加背景颜色给部分文字加背景颜色
表格背影颜色：style="bac公斤round-color:red"
2．背景照片：bac公斤round-image
语法：{bac公斤round-image: url(url)|none}
说明： url便是背景照片的存放路径。倘若用“none”来代替背景照片的存放路径，将什么亦不表示。
例子：给部分文字加背景照片 .imgbgstyle { bac公斤round-image: url(logo.gif)}
3．背景重复：bac公斤round-repeat
语法：{bac公斤round-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
功效：背景照片重复掌控的是背景照片平铺与否，亦便是说，结合背景定位的掌控能够在网页上的某处单独表示一幅背景照片
说明：参数取值范围：
·inherit 继承
·no-repeat 不重复平铺背景照片
·repeat
·repeat-x 使照片仅在水平方向上平铺
·repeat-y 使照片仅在垂直方向上平铺
重视：倘若不指定背景照片重复属性，浏览器默认的是背景照片向水平、垂直两个方向上平铺。
4．背景固定：bac公斤round-attachment
语法：{bac公斤round-attachment:fixed|scroll}
说明：参数取值范围
·fixed：网页滚动时，背景照片相针对浏览器的窗口而言，固定不动
·scroll：网页滚动时，背景照片相针对浏览器的窗口而言，一块滚动
重视：背景照片固定掌控背景照片是不是随网页的滚动而滚动。倘若不设置背景照片固定属性，浏览器默认背景照片随网页的滚动而滚动。为了避免过于花哨的背景照片在滚动时损伤浏览者的视力，因此能够解除背景照片和文字内容的绑缚，该为和浏览器窗口绑缚。
例子：使背景图案不随文字“滚动”的css
body { bac公斤round: purple url(bg.jpg); bac公斤round-repeat:repeat-y; bac公斤round-attachment:fixed }
5．背景定位：bac公斤round-position
语法：{bac公斤round-position:数值|top|bottom|left|right|center}
功效：背景定位用于掌控背景照片在网页中表示的位置。
说明：参数取值范围
·带长度单位的数字参数
·top：相对前景对象顶对齐
·bottom：相对前景对象底对齐
·left：相对前景对象左对齐
·right：相对前景对象右对齐
·center：相对前景对象中心对齐
·比例关系
重要字解释如下:
top left = left top = 0% 0%
top = top center = center top = 50
| 
发表于 2024-6-30 04:48:21