Thiết kế calendar page bằng HTML5/CSS - Tạo website calendar HTML5/CSS
Viết 1 trang web có tên Attendance.html, trang web này áp dụng file style có tên style.css được định dạng như sau:
Màu nền của trang web là: #FFFFCC
Thẻ heading 2 sẽ được gạch chân.
Viết ID có tên navigation được định dạng như sau:
Vị trí tuyệt đối.
Cách lề trái 25%.
Text được canh giữa.
Viết các ID có tên tablesectionOne, tablesectionTwo, tablesectionThree, tablesectionFour có định dạng như sau:
Table layout được fixed.
Text được canh giữa
Màu nền là: #FFFFDD
Vị trí tuyệt đối.
Vị trí cách top 7e
Viết 1 class CAPTION định đạng như sau:
Màu nền là: rgb(255,185,115)
Font chữ là arial
Cỡ chữ 1em
Định dạng lại thẻ TH,TD như sau:
Viền có kiểu là solid độ dày thin màu viền #D0D0D0
Thuộc tính empty-cells: show
Trang Attendance.html:
Thiết kế trang web này như sau: khi người dùng click vào các image week1,week2,week3, week4 thì tương ứng hiện lên các table tương ứng.
Tải resource
