Today & Tomorrow...

勝手気ままな、備忘録的な感じです。

2012-05-09から1日間の記事一覧

【CSS014】

CSS

【CSS014】・この場合、リセットはしない <html> <head> <title>css14</title> <style type="text/css"> h2{ color:#fff; background-color:#629665; font-size:2.0em; } p{ color:#fff; background-color:#95C998; font-size:1.0em; } h2,p{ margin:0; padding:15px; width:400px; } </style> </head> <body> <h2>BOX and PADDING</h2> <p>…</p></body></html>

【CSS013】

CSS

【CSS013】・この場合、リセットはしない <html> <head> <title>css13</title> <style type="text/css"> body{ margin-left:0; background-image: url("CSS13.jpg"); background-repeat: repeat-y; } h2{ color:#fff; width:70px; margin-left:0; background-color:#D147CE; } p{ margin-left:70px; font-size:1</head></html>…

【CSS012】

CSS

【CSS12】・ この場合、リセットはしない ・ 左右均等空き(上下空きは指定しない) <html> <head> <title>css12</title> <style type="text/css"> p{ color:#fff; margin-top: 50px; margin-right:auto; margin-left:auto; background-color:#009EFF; font-weight:bold; line-height: 1.5; padding: 3px; width</head></html>…

【CSS011】

CSS

【CSS011】・この場合、リセットはしない <html> <head> <title>css11</title> <style type="text/css"> p{ color:#fff; margin-top: 50px; margin-right:50px; margin-left:50px; margin-color:50px; background-color:#009EFF; font-weight:bold; line-height: 1.6; padding: 3px; width : 300px; } </style> </head> <body> <p>BOX and</p></body></html>…

【CSS010】

CSS

【CSS10】・背景画像(繰り返さない <html> <head> <title>css10</title> <style type="text/css"> body{ background-image: url("CSS10.gif"); background-repeat: no-repeat; background-attachment: fixed; } h1{ font-size:1.85em; font-family: serif; } p{ width: 320px; } h1,p{ margin: 40px 40px 0 160</style></head></html>…

【CSS015】

CSS

【CSS015】・この場合、リセットはしない ・空きは、すべて50px <html> <head> <title>ccs15</title> <style type="text/css"> body{ background-color:#CCCCCC; margin:15px; } p{ color:#58A6CD; padding:50px 50px 50px 50px; font-size:1.5em; background-color:#fff; border-style: solid; } </style> </head> <body> <p>BOX and PA</p></body></html>…