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">
  <h2>欢迎来到帆船运动</h2>
  <p>帆船运动包括通过风帆对船只进行风力推进，并根据船只类型在水、冰或陆地上操纵它。 水手通过调整风帆相对于移动的帆船的角度来控制风对风帆的作用力……</p>
  <p>
  <button onclick="document.getElementById('id01').style.display='block'" class="w3-btn">注册</button></p>
</div>

<div class="w3-container"> 
<h2>Class Registration</h2>

<p>
<input class="w3-input" type="text" name="first" style="width:90%" required>
<label>First Name</label></p>

<p>
<input class="w3-radio" type="radio" name="gender" value="female">
<label>Female</label></p>

<p>
<input class="w3-radio" type="radio" name="gender" value="" disabled>
<label>Don't know (Disabled)</label></p>

</form>

</body>
</html>

报个问题: