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://bzwzjz.com/article/jdsggg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都响应式网站建设 成都品牌网站设计 营销型网站建设 成都品牌网站建设 手机网站建设 成都网站建设 成都网站设计公司 重庆企业网站建设 高端网站设计 成都营销网站制作 四川成都网站建设 H5网站制作 成都网站建设 手机网站设计 成都网站设计 响应式网站建设 成都网站设计 成都定制网站建设 重庆外贸网站建设 成都网站设计 定制网站制作 高端网站建设