close

Portfolio


HTMLで作った12月のカレンダー

※課題で作成した2019年12月だけのカレンダーです。
コードの一部を下記に載せます。(PCのみ)


カレンダー(CSS)

#container{
	width:600px;
	margin:0 auto;
	font-family: 'Nico Moji','M PLUS Rounded 1c','monospace';
	background-color:#aa0000;
	padding:10px 0 30px;
}
img{
	display:block;
	width:100%;
}
h1{
	width:500px;
	margin:0 auto 10px;
	text-align:center;
	font-size:35px;
	border:5px solid #228b22;
	border-radius: 15px;
	padding:0 10px;
	background-color:#2f4f4f;
	color:#ffffdd;
	text-shadow: 2px 2px 0 #333;
}
table{
	border: 6px solid #dc143c;
	width:100%;
	margin:20px auto 0;
}
td,th{
	border:5px solid #afeeee;
	text-align: center;
	background-color:#ffffff;
	font-size:20px;
	padding:10px 0;
}
th{
	color:#ffffdd;
	background-color:#008bbb;
	text-shadow: 1px 1px 0 #333;
}
th.sunred{
	color:#ff69b4;
}
td.imgbgcolor{
	background-color:#8b0000;
}
/*
以下は疑似クラスと呼ぶもの。
*/
tr *:first-child{
	color:#ff69b4;
}
tr *:last-child{
	color:#0ba9ea;
}
						
↑TOP↑


HTML/CSSとJSで作ったサイト

Webサイト(HTML/CSS・JS)

96nekoBase

coconala

Unityで作ったゲーム集

ゲーム集(Unity)

↑TOP↑