用CSS实现接收用户输入的出生年份，然后在控制台输出他的年龄

在HTML中，你可以创建一个文本输入框让用户输入他们的出生年份。然后，使用JavaScript配合CSS来获取并计算用户的当前年龄。以下是基本步骤：

1. **HTML**:

<label for="birth-year">请输入出生年份:</label>
<input type="number" id="birth-year" name="birth-year">
<button onclick="calculateAge()">显示年龄</button>
<div id="age-result"></div>

2. **CSS**:

input[type="number"] {
  width: 50px;
}
button {
  margin-top: 10px;
}

3. **JavaScript (计算年龄函数)**:

function calculateAge() {
  var birthYearInput = document.getElementById('birth-year');
  var currentYear = new Date().getFullYear();
  var birthYear = parseInt(birthYearInput.value);
  
  if (!isNaN(birthYear)) { // 检查是否为有效数字
    var age = currentYear - birthYear;
    
    // 渲染到控制台或指定元素
    console.log("您的年龄是: " + age);
    document.getElementById('age-result').innerText = "您的年龄是: " + age;
  } else {
    alert("请输入有效的出生年份");
  }
}

在这个例子中，当用户点击按钮后，`calculateAge`函数会被触发，它会获取输入字段的值，并从当前年份中减去出生年份，得到用户的年龄。如果输入不是有效的数字，会给出警告。