html如何设置利用CSS设置页面的背景

 时间:2024-10-18 19:02:39

1、background-color:背景颜色,利用background-color:您可以使用颜色作为背景。

html如何设置利用CSS设置页面的背景

2、颜色值您可以选择16进制的写法,比如background-color:#F5F5F5;您也可以使用background-color:rgb(255,255,255)这种写法。

html如何设置利用CSS设置页面的背景

3、如果您写成background-color:rgba(255,255,255,0.5),最后一个值是透明度。范围是0到1之间。

html如何设置利用CSS设置页面的背景

4、当然除了以上常用的两种写法,您还可以直接捂执涡扔使用具体的颜色单词来表示,不过这种方式只能用来设置简单少量的几种颜色。还是建议使用以上两种方法来写。

html如何设置利用CSS设置页面的背景

5、除了使用颜色值作为背景外,您还可以使用图片作为背景。

html如何设置利用CSS设置页面的背景

6、background-repeat可以设置背景平铺方式。

html如何设置利用CSS设置页面的背景

7、平铺方式分为全屏平铺,全屏铺满的话,会根据您页面的大小,使用您设置的图片答牧驼揎反复铺满页面或是您设置background的div等元素。

html如何设置利用CSS设置页面的背景

8、X轴方向平铺平铺,也就是说,自左向右铺,只铺到右页面或是div边际就停止。

html如何设置利用CSS设置页面的背景

9、Y方向平铺,也就是自上而下铺,铺到页面或是div底部就不再反复铺。

html如何设置利用CSS设置页面的背景

10、或者不平铺,也就是说您设置的背景只显示一次,而不再为了铺满屏幕而反复铺页面。

html如何设置利用CSS设置页面的背景

11、background-size:背景图片大小,利用这个属性,您可以对您背景图的大小,进行一个设置。

html如何设置利用CSS设置页面的背景

12、上图设置,背景为了铺满页面,会成等比例放到,这样保证了图片拉伸等情况下导致的图片失真。

13、以上即是使用颜色与图片做页面或是div标签的方法。

  • Python如何创建Word文档并写入内容
  • Windows10系统电脑如何看到我的帐户信息?
  • 怎么更改c++程序编程时的字体?
  • navicat写代码怎么不提示
  • 无针雾化祛眼袋方法操作流程
  • 热门搜索
    科学手抄报图片 构建和谐校园手抄报 好看的手抄报图片大全 全国学生营养日手抄报 长征手抄报图片 我爱校园手抄报 手抄报怎么做 人与自然手抄报 科技手抄报资料大全 七年级上册历史手抄报