Hướng dẫn tạo Calendar Layout với HTML và CSS - Giao diện
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="container"> <h2>Freetuts.net hướng dẫn định dạng Calendar</h2> <div class="month"> <ul> <li class="prev">❮</li> <li class="next">❯</li> <li style="text-align:center"> Tháng 5<br> <span style="font-size:18px">2017</span> </li> </ul> </div> <ul class="weekdays"> <li>Thứ 2</li> <li>Thứ 3</li> <li>Thứ 4</li> <li>Thứ 5</li> <li>Thứ 6</li> <li>Thứ 7</li> <li>CN</li> </ul> <ul class="days"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> <li>13</li> <li>14</li> <li>15</li> <li>16</li> <li>17</li> <li>18</li> <li>19</li> <li>20</li> <li>21</li> <li>22</li> <li>23</li> <li><span class="active">24</span></li> <li>25</li> <li>26</li> <li>27</li> <li>28</li> <li>29</li> <li>30</li> <li>31</li> </ul> </div> </body> </html>
PHÓNG TO