CSS部分:ローカルストレージで複数のデータを保存する

JavaScript

style.css

/* style.css */
*{
	margin: 0;
	padding: 0;
}
body, p, form, ul, ol, input, button{
	font-size: 16pt;
	font-family: '游ゴシック', 'メイリオ', Osaka;
}
body{
	margin: 10px;
}
h1{
	font-size: 18pt;
	text-align: center;
}
p, form{
	padding-top: 1em;
	padding-left: 1em;
}

/* 入力フォーム関連 */

/*
	サイトタイトル入力欄
	URL入力欄
	追加ボタン
	削除ボタン
*/
#site-title, 
#url,
#add-button,
#delete-button
{
	width: 100%;
	margin-top: 5px;
	border: solid 1px #555;
	border-radius: 3px;
}

/*
	マウスをのせたとき
		追加ボタン
		削除ボタン
*/
#add-button:hover,
#delete-button:hover
{
	background-color: pink;
}

/*
	データ表示欄
*/
#mytable{
	border-collapse: collapse;
	border-radius: 5px;
	margin-top:1em;
}
#mytable, #mytable td{
	width: 100%;
	border: solid 2px #fff;
	background-color: yellowgreen;
}
#mytable td{
	width: 50%;
	padding: 0.5em 1em;
}

コメント