资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css中与背景相关的属性有哪些

这篇文章给大家分享的是有关css中与背景相关的属性有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联专注于沐川企业网站建设,响应式网站设计,商城网站制作。沐川网站建设公司,为沐川等地区提供建站服务。全流程按需定制开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

1、css背景属性之为内容设置背景色:background-color;

属性:

颜色;

inherit;继承父级样式

box.html

背景

box.css

body{

background-color:#123456;

}

2、css背景属性之为内容设置背景为图片background-image:url();

box.css

body{

background-color:#123456;

background-image:url(image.png);

}

3、css背景属性之固定背景图片background-attachment

(在CSS中使用background-attachment属性可以将图片固定在浏览器上,如果拖动滚动条,背景图片不会随着网页内容的滚动而滚动,像文字浮在图片上)

属性值:

scroll;背景图片随内容滚动,默认值

fixed;背景图片固定,不随内容滚动

inherit;继承父类样式

box.css

body{

background-color:#123456;

background-image:url(image.png);

background-attachment:fixed;

font-size:45px;

}

4、css背景属性之背景图片平铺background-repeat;

属性值:

repeat;平铺背景图片;默认

no-repeat;不平铺图片;

repeat-x;在水平方向平铺

repert-y;在竖直方向平铺

box.css

body{

background-color:#123456;

background-image:url(image.png);

background-attachment:fixed;

font-size:45px;

background-repeat:repeat-y;

}

5、css背景属性之背景图片定位background-position

属性值:

top;顶部

center;中间

bottom;底部

right;右边

left;左边

inherit;继承父类样式

样式:

xxxpx,xxxpx;

xxx%,xxx%;

xxxpx,top;

box.css

body{

background-color:#123456;

background-image:url(image.png);

background-attachment:fixed;

font-size:45px;

background-repeat:no-repeat;

background-position:left;

}

感谢各位的阅读!关于“css中与背景相关的属性有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享文章:css中与背景相关的属性有哪些
当前路径:http://cdkjz.cn/article/jdsggg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220