background简写方式

您所在的位置:网站首页 background包括什么 background简写方式

background简写方式

2023-09-22 00:34| 来源: 网络整理| 查看: 265

background有以下属性: css1:

background-color:背景色 background-image:背景图片 background-repeat:背景图片重复规则

background-position:背景图片起始位置,默认值0% 0%; 可选值:top/center/bottom left/center/right ;只写一个第二个默认center 或者:x% y% ;只写一个第二个默认50% 或者:xpos ypos

background-attachment:背景图片是否固定或者是随页面其他部分滚动 可选值:fixed/scroller/inherit

css3:

background-size:背景图片的尺寸

background-origin:规定background-position属性相对于什么来定位,默认值paddding-box; 可选值:content-box/padding-box/border-box

background-clip:规定图片绘制区域,默认值border-box,在border为非固实(solid)、dashed等时可看出区别。 可选值:content-box/border-box/padding-box

background简写方式 background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [background-size] [background-origin] [background-clip]

注意:

[background-position] / [background-size] 中 :background-size只能紧跟着background-position出现,以 / 分割如果 xxx-box出现两次,则第一次设置background-origin 第二次设hibackground-clip;出现一次是两个属性都设置成xxx-box其他属性顺序任意,不设置取默认值 举个栗子 background: #ffffff url(../images/g_dengBg.png) center center/cover no-repeat; background: url(../images/PC.jpg) fixed no-repeat 0% / cover content-box content-box;


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3