カレンダーの曜日加工方法いろいろ
背景色をつけて見ます
/*カレンダー曜日加工*/
#weekID .sun{/*日*/
color:#ffffff;/*文字色*/
background-color:#ff0000;
}
#weekID .mon{/*月*/
color:#333333;/*文字色*/
background-color:#dddddd;
}
#weekID .tue{/*火*/
color:#333333;/*文字色*/
background-color:#dddddd;
}
#weekID .wed{/*水*/
color:#333333;/*文字色*/
background-color:#dddddd;
}
#weekID .thu{/*木*/
color:#333333;/*文字色*/
background-color:#dddddd;
}
#weekID .fri{/*金*/
color:#333333;/*文字色*/
background-color:#dddddd;
}
#weekID .sat{/*土*/
color:#ffffff;/*文字色*/
background-color:#0000ff;
}
枠で囲ってみます
/*カレンダー曜日加工*/
#weekID .sun{/*日*/
color:#ｆｆ0000;/*文字色*/
border:1px solid #ff0000;
}
#weekID .mon{/*月*/
color:#333333;/*文字色*/
border:1px solid #dddddd;
}
#weekID .tue{/*火*/
color:#333333;/*文字色*/
border:1px solid #dddddd;
}
#weekID .wed{/*水*/
color:#333333;/*文字色*/
border:1px solid #dddddd;
}
#weekID .thu{/*木*/
color:#333333;/*文字色*/
border:1px solid #dddddd;
}
#weekID .fri{/*金*/
color:#333333;/*文字色*/
border:1px solid #dddddd;
}
#weekID .sat{/*土*/
color:#0000ff;/*文字色*/
border:1px solid #0000ff;
}
変形の枠です
/*カレンダー曜日加工*/
#weekID .sun{/*日*/
color:#ff0000;/*文字色*/
border-right:1px solid #ff0000;
border-bottom:1px solid #ff0000;
}
#weekID .mon{/*月*/
color:#333333;/*文字色*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .tue{/*火*/
color:#333333;/*文字色*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .wed{/*水*/
color:#333333;/*文字色*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .thu{/*木*/
color:#333333;/*文字色*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .fri{/*金*/
color:#333333;/*文字色*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .sat{/*土*/
color:#0000ff;/*文字色*/
border-right:1px solid #0000ff;
border-bottom:1px solid #0000ff;
}
下線でも面白いかも・・・
/*カレンダー曜日加工*/
#weekID .sun{/*日*/
color:#ff0000;/*文字色*/
border-bottom:2px solid #ff0000;
}
#weekID .mon{/*月*/
color:#333333;/*文字色*/
border-bottom:2px solid #dddddd;
}
#weekID .tue{/*火*/
color:#333333;/*文字色*/
border-bottom:2px solid #dddddd;
}
#weekID .wed{/*水*/
color:#333333;/*文字色*/
border-bottom:2px solid #dddddd;
}
#weekID .thu{/*木*/
color:#333333;/*文字色*/
border-bottom:2px solid #dddddd;
}
#weekID .fri{/*金*/
color:#333333;/*文字色*/
border-bottom:2px solid #dddddd;
}
#weekID .sat{/*土*/
color:#0000ff;/*文字色*/
border-bottom:2px solid #0000ff;
}