<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* {여백:0;패딩:0}
calendar{너비:210px;여백:100px 자동; 오버플로:숨김;테두리:1px 솔리드 #000; 패딩:20px; 위치:상대}
calendar h4{ text-align:center; 여백 하단:10px}
캘린더 .a1{ 위치:절대;위:20px;왼쪽:20px;}
캘린더 .a2{ 위치:절대;위:20px;오른쪽:20px;}
calendar .week{높이:30px; line-height:20px;border-bottom:1px 솔리드 #000; 여백 하단:10px}
calendar .week li{ float:left;width:30px;height:30px; 텍스트 정렬:가운데; 목록 스타일:없음;}
calendar .dateList{ 오버플로:숨김; 지우기:둘 다}
calendar .dateList li{float:left;width:30px;height:30px; 텍스트 정렬:가운데; 줄 높이:30px;목록 스타일:없음;위치: 상대;}
캘린더 .dateList .ccc{ 색상:#ccc;}
calendar .dateList .red{ 배경:#F90; 색상:#fff;}
calendar .dateList .sun{ color:#f00;}
calendar .dateList li::after{content: "";position: 절대;right: 0;top:0;width: 10px;height: 10px;border-radius:50%;display:none ;}
calendar .dateList li.ccc.ac::after{배경:#ccc;display: block;}
calendar .dateList li.ac::after{배경: 빨간색;디스플레이: 블록;}
calendar .dateList li.ac{커서: 포인터;}
</style>
<script src="jquery-1.11.3.min.js"></script>
<script>
//本月总天数 今天 本月第一天是星期?
$(function(){
으아아아
});
</script>
</head>
<body>
<p id="calendar">
으아아아
</p>
</body>
</html>
으아아아
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
반복클릭을 방지해주세요