能帮我写一个html5的网页代码吗，要包含图片，不用太难，选修课要交作业. 200

 我来答

2个回答

#热议# 上班途中天气原因受伤算工伤吗？

zyx18513177455
2016-12-20 · 超过45用户采纳过TA的回答

知道小有建树答主

回答量：71

采纳率：100%

帮助的人：40万

我也去答题访问个人页

关注

展开全部

正好我在练习这个，给你发下，看看行不
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
   margin: 0;
   padding: 0;
    }
    body{
      background: #D8D4D4;
    }
    ul,li{
      list-style: none;
    }

    #bg{
      width: 600px;height: 200px;
      margin: 100px auto;
      background: #9E9A9A;
    }
    li{
      float: left;
      width: 194px;height: 196px;
      border:2px solid #C6C0C0;
      margin: 0 1px;
    }
    li:hover{
      border-color:#9E9A9A;
      background:#C6C0C0;
    }
.icon_01{
    display: block;
    line-height: 196px;
    width: 194px;
    text-align: center;
    font-size: 16px;
    color: #B30E0E;
}
.spinner{
       -webkit-animation:spinner 5s infinite linear;
               animation:spinner 5s infinite linear;
     }/*关键帧的名称 5秒一个周期无限循环匀速运动 */
     @-webkit-keyframes spinner{
       0%{
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg);
       }
       100%{
         -webkit-transform:rotate(359deg);
         transform:rotate(359deg);
       }
     }
     @keyframes spinner{
       0%{
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg);
       }
       100%{
         -webkit-transform:rotate(359deg);
         transform:rotate(359deg);
       }
    }
</style>
</head>
<body>
<div id="bg">
    <ul>
      <li><i class="icon_01 "><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
      <li><i class="icon_01 spinner"><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
      <li><i class="icon_01 "><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
    </ul>
</div>
</body>
</html>‍