html 好看的单选列表

以下是一个简单的HTML单选列表示例，可以通过CSS进行美化：

<form>
  <fieldset>
    <legend>请选择一项</legend>
    <label><input type="radio" name="option" value="1"> 选项1</label><br>
    <label><input type="radio" name="option" value="2"> 选项2</label><br>
    <label><input type="radio" name="option" value="3"> 选项3</label><br>
  </fieldset>
</form>

你可以使用CSS更改单选按钮的外观，例如：

/* 隐藏原始单选按钮 */
input[type=radio] {
  display: none;
}

/* 美化单选按钮外观 */
label {
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  margin: 5px;
  border: 2px solid #ccc;
  border-radius: 20px;
  font-family: Arial, sans-serif;
}

/* 选中状态的样式 */
input[type=radio]:checked + label {
  background-color: #ccc;
  color: #fff;
}