css模拟填空试卷样式
以下是一个简单的CSS样式示例，用于模拟填空试卷：
<!DOCTYPE html> 
<html> 
<head> 
  <style> 
    .question { 
      font-weight: bold; 
      margin-bottom: 10px; 
    } 
 
    .answer { 
      margin-bottom: 5px; 
      width: 200px; 
    } 
 
    .answer input[type="text"] { 
      width: 100%; 
      padding: 5px; 
      border: 1px solid #ccc; 
      border-radius: 4px; 
    } 
  </style> 
</head> 
<body> 
  <div class="question">问题1：这是填空题。</div> 
input框禁止输入  <div class="answer"> 
    <input type="text" placeholder="请输入答案"> 
  </div> 
  <div class="question">问题2：这是另一个填空题。</div> 
  <div class="answer"> 
    <input type="text" placeholder="请输入答案"> 
  </div> 
   
</body> 
</html>
在这个示例中，我们使用了CSS样式来定义问题和答案的外观。question类用于突出显示问题，answer类用于包装每个答案输入框。输入框使用了input[type="text"]选择器来指定样式，包括宽度、内边距、边框和边框半径。你可以根据需要自定义样式，例如更改字体、颜、边距等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。