CSSで文字色と背景色を変えるpart1
課題
【CSS01】
- 画像のような表示になるよう指定しなさい
- 色・文字サイズは自由設定(バランスは考慮すること)
- 解答は、エンベッド
- DTDは各自選択
<body> <h1>style要素</h1> <h3>style element</h3> <p>HTML文書内にまとめて設定します。</p> </body>
解答
文字色と背景色1 - jsdo.it - share JavaScript, HTML5 and CSS
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>文字色と背景色</title> <style type="text/css"> h1 { color: #339999; font-size: 2.5em; } h3 { background-color: #336690; color: #ffffff; font-size: 1.6em; } p { color: #333399; font-size: 1.2em; font-weight: bold; } </style> </head> <body> <h1>style要素</h1> <h3>style element</h3> <p>HTML文書内にまとめて設定します。</p> </body> </html>