1. <!DOCTYPE html>
    2. <html>
    3.   <head>
    4.     <meta charset="utf-8" />
    5.     <title></title>
    6.      <style type="text/css">
    7.     /* 公用样式 */
    8.       html,body,p,input{
    9.         margin:0px;
    10.         padding:0px;
    11.       }
    12.   .a{
    13.       height:30px;
    14.       line-height:30px;
    15.       color:#020202;
    16.   }
    17.   input{
    18.       margin-right:5px;
    19.   }
    20.   #a1{
    21.       color:#f20505;
    22.   }
    23.   #a2{
    24.       color:#009688;
    25.   }
    26.   #a3{
    27.       color:#e91e63;
    28.   }
    29.   #a4{
    30.       color:#9c27b0;
    31.   }
    32.   #a5{
    33.       color:#4caf50;
    34.   }
    35.     </style>
    36.   </head>
    37.   <body>
    38.     <from>
    39.         <p class="a">您最喜欢吃的水果是？</p>
    40.         <input type="radio" name="ruits" /><span id="a1">苹果</span>
    41.         <input type="radio" name="ruits" /><span id="a2">香蕉</span>
    42.         <input type="radio" name="ruits" /><span id="a3">菠萝</span>
    43.         <input type="radio" name="ruite" /><span id="a4">橘子</span>
    44.         <input type="radio" name="ruite" /><span id="a5">西瓜</span>
    46.       //如果是如下所写，css改变不了文字样式
    47.           <input type="radio" name="ruits" />苹果
    48.         <input type="radio" name="ruits" />香蕉
    49.         <input type="radio" name="ruits" />菠萝
    50.         <input type="radio" name="ruite" />橘子
    51.         <input type="radio" name="ruite" />西瓜
    52.     </from>
    53.   </body>
    54. </html>

    2021-09-23_185404.jpg