w3css 在线编辑器 | w3css代码测试

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.cainiaomax.com/w3css/4/w3.css">
<body>

<div class="w3-container">
  <p>汽车是用于运输的轮式、自供电机动车辆。
  该术语的大多数定义都指定汽车主要设计用于在道路上行驶，
  有可容纳一到八人的座位，通常有四个轮子。 （维基百科）。</p>

<table class="w3-table w3-bordered w3-striped">
    <thead>
      <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Points</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
      <tr>
        <td>Adam</td>
        <td>Johnson</td>
        <td>67</td>
      </tr>
    </tbody>
  </table>
</div>

<div class="w3-row-padding w3-margin-top">
  <div class="w3-half">
    <div class="w3-card">
      <img src="img_london.jpg" alt="London" style="width:100%">
      <div class="w3-container">
        <p>伦敦是英格兰的首都。</p>
        <p>它是英国人口最多的城市， 拥有超过 1300 万居民的大都市区。</p>
      </div>
    </div>
  </div>

<div class="w3-half">
    <div class="w3-card">
      <img src="img_london.jpg" alt="London" style="width:100%">
      <div class="w3-container">
        <p>伦敦是英格兰的首都。</p>
        <p>它是英国人口最多的城市， 拥有超过 1300 万居民的大都市区。</p>
      </div>
    </div>
  </div>
</div>

<footer class="w3-container w3-red w3-margin-top">
  <h5>页脚</h5>
  <p>页脚信息在这里</p>
</footer>

</body>
</html>

报个问题: