【至急】htmlで文字の下に新たに文字を入れる方法を教えてください!! カレンダーを作ってるのですが曜日の下に日付を入れようとしても横にいってしまいます、、

画像

HTML、CSS61閲覧xmlns="http://www.w3.org/2000/svg">100

その他の回答(1件)

0

ilj********さん >・・・カレンダーを作ってるのですが・・・・・・・・ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .container { width: 500px; margin: 0 auto; border-radius: 5px; background: #f6f5f4; color: #1a1a1a; } h3 { height: 80px; line-height: 80px; text-align: center; font-size: 24px; margin: 0; color: red; } table { width: 100%; } th, td { text-align: center; padding: 10px; } tr *:first-child { color: red; } tr *:last-child { color: blue; } </style> </head> <body> <div class="container"> <h3>APRIL</h3> <table class="calendar"> <tr> <th>SUN</th> <th>MON</th> <th>TUE</th> <th>WED</th> <th>THU</th> <th>FRI</th> <th>SAT</th> </tr> <tr class="day"> <td></td> <td></td> <td></td> <td></td> <td>1</td> <td>2</td> <td>3</td> </tr> <tr class="day"> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> </tr> <tr class="day"> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> </tr> <tr class="day"> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> <td>24</td> </tr> <tr class="day"> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> </tr> </table> </div> </body> </html>