css背景色作业 | 码农工具

​x
 
<html>
  <head>
    <style>
      body
      {
        margin-left:200px;
        background:#5d9ab2 url('img_tree.png') no-repeat top left;
        /*图片拒绝平铺 左边靠上*/
      }
      .a_div
      {
        border:1px solid gray;
        margin-left:auto;
        margin-right:auto;
        width:90%;
        background-color:#d0f0f6;
        text-align:left;
        padding:8px;
        /*边框 左右设置距离 文本宽度 背景色 文字靠左 填充*/
      }
    </style>
  </head>
  <body>
    <div class="a_div">
      <h1>Hello World!</h1>
<p>This example contains some advanced CSS methods you may not have learned yet. But, we will explain these methods in a later chapter in the tutorial.</p>
    </div>
  </body>
</html>
HTML