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">
<link rel="stylesheet" href="https://www.cainiaomax.com/lib/w3-theme-amber.css">
<link rel="stylesheet" href="https://cdn.cainiaomax.com/cdnjs/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>

</div>
</div>

<div class="w3-third w3-section">
<div class="w3-card-4">
<img src="img_5terre.jpg" style="width:100%">
<div class="w3-container w3-white">
<h4>五渔村</h4>
<p>五渔村（五地）是意大利里维埃拉的一部分。 拥有五个村庄的海岸线：蒙特罗索、韦尔纳扎、科尔尼利亚、马纳罗拉和里奥马焦雷是联合国教科文组织世界遗产。</p>
</div>
</div>
</div>

<div class="w3-third w3-section">
<div class="w3-card-4">
<img src="img_monterosso.jpg" style="width:100%">
<div class="w3-container w3-white">
<h4>蒙特罗索</h4>
<p>Monterosso al Mare 位于拉斯佩齐亚里维埃拉的一个小型天然海湾的中心，受到小型人工礁石的保护。 它是五渔村最北端的村庄。</p>
</div>
</div>
</div>

<div class="w3-third w3-section">
<div class="w3-card-4">
<img src="img_vernazza.jpg" style="width:100%">
<div class="w3-container w3-white">
<h4>韦尔纳扎</h4>
<p>韦尔纳扎是该地区五个城镇中的另一个。 韦尔纳扎是向北行驶的第四个城镇。 它没有汽车通行，是意大利里维埃拉最真实的“渔村”之一。</div>
</div>
<br><br><br>
</div>
</div>
<div class="w3-container w3-theme-d4">
<p class="w3-large">欧洲 意大利</p>
</div>

</body>
</html>

报个问题: