扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
background-repeat
我们提供的服务有:成都网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、乡宁ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的乡宁网站制作公司
背景重复,可以选择repeat-x ,repeat-y ,或者默认是自动填充,
不过如果你的图片是复杂的图片,那就没有办法了,简单的渐变图片可以切成有规律的小图片,用上面的方法自动填充。
中间固定:设定中间的宽度,然后用margin:0 auto
就是背景色或是背景图
background-color:#F00
或:background-image:图片路径
background-repeat: repeat-x;
使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。
加了background-repeat:repeat-x;之后,背景现在只在X轴即横向进行了平铺操作,纵向并没有进行平铺。这便是css对于背景细节的控制之一。background-repeat是针对背景平铺的属性设置,可选的值包含:
代码如下:
repeat 即默认方式,完全平铺背景;
no-repeat 在X及Y轴方向均不平铺;
repeat-x 横向平铺背景;
repeat-y 纵向平铺背景。
css部分
#box{
background-image:url(bgi.jpg); /*背景图片位置*/
background-repeat:no-repeat; /*是否重复平铺*/
background-position:center; /*是否居中*/
width:xxpx; /*长多少*/
height:xxpx; /*宽多少*/
}
body部分
div id="box"
/div
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流