写真右の1~6が薄くなりません。宜しくお願い致します。特にエラーはないです。
php
1<?php 2 3$body = ''; 4$period = new DatePeriod( 5 new DateTime('first day of this month'), 6 new DateInterval('P1D'), 7 new DateTime('first day of next month') 8); 9foreach ($period as $day) { 10 if ($day->format('w') % 7 ===0) { $body .= '</tr><tr>';} 11 $body .= sprintf('<td class ="youbi_%d">%d</td>', $day->format('w'), 12 $day->format('d')); 13} 14 15$head = ''; 16$firstDayOfNextMonth = new Datetime('first day of next month'); 17while ($firstDayOfNextMonth->format('w') > 0) { 18 $head .= sprintf('<td class =gray">%d</td>' , $firstDayOfNextMonth->format('d')); 19 $firstDayOfNextMonth->add(new DateInterval('P1D')); 20} 21?> 22<!DOCTYPE html> 23<html lang="ja"> 24<head> 25 <meta charset="utf-8"> 26 <title>Calendar</title> 27 <link rel="stylesheet" href="styles.css"> 28</head> 29<body> 30 <table> 31 <thead> 32 <tr> 33 <th><a href="">«</a></th> 34 <th colspan="5">April 2017</th> 35 <th><a href="">»</a></th> 36 </tr> 37 </thead> 38 <tbody> 39 <tr> 40 <td>Sun</td> 41 <td>Mon</td> 42 <td>Tue</td> 43 <td>Wed</td> 44 <td>Thu</td> 45 <td>Fri</td> 46 <td>Sat</td> 47 </tr> 48 <tr> 49 <?php echo $body . $head; ?> 50 <!-- <td class="youbi_0">1</td> 51 <td class="youbi_1">2</td> 52 <td class="youbi_2">3</td> 53 <td class="youbi_3">4</td> 54 <td class="youbi_4 today">5</td> 55 <td class="youbi_5">6</td> 56 <td class="youbi_6">8</td> 57 </tr> 58 <tr> 59 <td class="youbi_0">30</td> 60 <td class="youbi_1">31</td> 61 <td class="gray">1</td> 62 <td class="gray">2</td> 63 <td class="gray">3</td> 64 <td class="gray">4</td> 65 <td class="gray">5</td> --> 66 </tr> 67 </tbody> 68 <tfoot> 69 <tr> 70 <th colspan="7"><a href="">Today</a></th> 71 </tr> 72 </tfoot> 73 </table> 74</body> 75</html> 76
css
1body { 2 font-family: Arial, sans-serif; 3 font-size: 14px; 4} 5a { 6 text-decoration: none; 7} 8table { 9 margin: 15px auto; 10 border: 1px solid #ddd; 11 border-collapse: collapse; 12} 13th { 14 background: #eee; 15} 16th, td { 17 padding: 7px; 18 text-align: center; 19} 20 21.youbi_0 { 22 color: red; 23} 24 25.youbi_6 { 26 color: blue; 27} 28.today { 29 font-weight: bold; 30} 31.gray { 32 color: #dedede; 33} 34
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/15 14:52 編集