| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <link rel="stylesheet" href="./../../reset.css">
- <link rel="stylesheet" href="./circle.css">
- <link rel="stylesheet" href="./circle-blue.css">
- <link rel="stylesheet" href="./circle-green.css">
- <link rel="stylesheet" href="./circle-red.css">
- <link rel="stylesheet" href="./circle-white.css">
- </head>
- <body>
- <div style="padding: 10px; background-color: gray;">
- <div class="radio-circle">
- <input type="radio" id="lbl_name" name="name" />
- <label for="lbl_name"></label>
- </div>
- <br><br>
- <div class="radio-circle blue">
- <input type="radio" id="lbl_name_blue" name="name" />
- <label for="lbl_name_blue"></label>
- </div>
- <br><br>
- <div class="radio-circle green">
- <input type="radio" id="lbl_name_green" name="name" />
- <label for="lbl_name_green"></label>
- </div>
- <br><br>
- <div class="radio-circle red">
- <input type="radio" id="lbl_name_red" name="name" />
- <label for="lbl_name_red"></label>
- </div>
- <br><br>
- <div class="radio-circle white">
- <input type="radio" id="lbl_name_white" name="name" />
- <label for="lbl_name_white"></label>
- </div>
- </div>
- </body>
- </html>
|
