在线聊天页面的html和CSS样式,理解了css优先级问题

原创 2018-12-18 16:32:55 317
摘要:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">   button {&nbs

QQ图片20181218162946.png

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">   button {
   width: 60px;
   height: 40px;
   background-color: seagreen;
   color: white;
   border: none;
  }
     button:hover {
      background-color: orange;
      cursor: pointer;
      width: 65px;
      height: 42px;
     }
 </style>
</head>
<body>
 <div style="width: 450px;height: 650px;background: lightskyblue;color: #333;margin: 30px auto;box-shadow: 2px 2px 2px #808080;">
         <h2 style="text-align: center;margin-bottom: -10px;">在线客服</h2>
         <div style="width: 400px;height: 500px;border: 4px double green;background:url('./img/微信图片.jpg') no-repeat scroll top center #fff;background-size:100%;margin: 20px auto 10px;">
            <ul style=" "></ul>
         </div>
         <table  style="width: 90%;height:80px;margin: auto;">
    <tr>
    <td><textarea cols="50" rows="4" name="text" style="border: none;resize: none;
   background-color: lightyellow;"></textarea></td>
    <td><button type=button s>发送</button></td>
    </tr>
   </table>
 </div>
</body>
</html>

批改老师:查无此人批改时间:2018-12-18 16:38:12
老师总结:样式完成的可以。理解了css优先级问题,这个是你说的吗?可以写到内容里,说说看法。

发布手记

热门词条