HTML+CSS基础入门-第十三天(CSS-背景属性)

时间:2022-11-03 08:53:14

background-color

background-image

  • background-image:url(图片路径)
  • background-image:none

background-repeat

  • repeat:重复平铺满
  • repeat-x:向x轴重复
  • repeat-y:向y轴重复
  • no-repeat:不重复

background-posion

  • 横向(left,center,rught)
  • 纵向(top,center,bottom)
  • 用数值表示位置

简写方式

back:背景颜色 url(图像) 重复 位置

代码

<!doctype html>
<html>
    <head>
        <title>背景属性</title>
        <meta charset="utf-8">  
        <style type="text/css"> body{ background:red url(https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=202128876,1939822227&fm=80&w=179&h=119&img.JPEG) no-repeat 20px 20px; } </style>
    </head>
    <body>

    </body>
</html>

显示结果

HTML+CSS基础入门-第十三天(CSS-背景属性)