7天签到css样式 |css 文字点点

签到按钮的样式：
.btn {
background-color: #5599FF;
color: #FFFFFF;
padding: 10px;
border-radius: 5px;
}
.btn:hover {
background-color: #5588EE;
cursor: pointer;
}
已签到日期的样式：
.date {
background-color: #4CAF50;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 5px;
margin: 5px;
}
.today {
background-color: #FF0000;
}
签到日历的样式：
.calendar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 80%;
margin: 0 auto;
}
.calendar .date {
cursor: pointer;
}

在这个示例中，签到按钮使用了蓝色的背景色和白色的文字颜色，并且设置了鼠标悬浮时的背景颜色和鼠标形状为手型。已签到日期使用了绿色的背景色和白色的文字颜色，并且设置了圆角和边距。当日期为当天时，背景色变为红色。

签到日历的样式使用了flex布局，将日期均分为行，并且设置了对齐方式和宽度。每个日期都可以点击，因此设置了鼠标形状为手型。