7天簽到是一種常見的活動，網頁中需要制作相應的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布局，將日期均分為行，并且設置了對齊方式和寬度。每個日期都可以點擊，因此設置了鼠標形狀為手型。