実践課題【CSS02】エコロジー＆環境問題

課題

【CSS02】

HTMLの入力に不安がある人は入力から

CSSはエンベッド

引用元：１カラムレイアウト - Webデザインの勉強｜忘筌

解答

色が微妙に違っていたりするので後々直していこうと思います。

１カラムレイアウト - 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">
　　　　　　body {
　　　　　　　　margin: 0px;
　　　　　　}
　　　　　　h1 {
    　　　　　　text-align: center;
   　　　　　　 background-color:#8fbc8f;
    　　　　　　font-size: 1.3em;
    　　　　　　color: #ffffff;
    　　　　　　line-height: 4.0;
    　　　　　　margin: 0px;
　　　　　　}
　　　　　　p {
    　　　　　　font-size: 1.0em;
    　　　　　　padding: 10px;
　　　　　　}
　　　　　　address {
    　　　　　　line-height: 1.0;
    　　　　　　padding: 10px;
    　　　　　　font-size: 0.8em;
    　　　　　　color: #8fbc8f;
    　　　　　　background-color: #ffffff;
    　　　　　　text-align: center;
    　　　　　　border-top:solid 10px #8fbc8f;
    　　　　　　font-weight: bold;
    　　　　　　font-style: normal;
　　　　　　}
        </style>
    </head>
    <body>
	<h1>エコロジーへの取り組み</h1>
	<p>
　　　　　　エコロジーや環境問題への関心は、年々高くなっています。<br />
　　　　　　Computer Technology Groupsでは早くからエコロジーの研究に取り組んできました。自然エネルギーの活用もすすめており、二酸化炭素（CO2）の排出量を減らす努力もしています。<br />
　　　　　　専門家の招致、育成にも努め、来春には環境研究施設を設立する予定です。
　　　　</p>
	<p>
　　　　　　また、紙やプラスチック、コンピューター・パーツのリサイクルにも力を入れ、あらゆる面での活動をひろげています。<br />
　　　　　　リサイクル商品のラインナップも豊富で、オンラインのショッピングコーナーではもちろんのこと、各地域のリサイクルセンターでもお買い求めいただけます。
　　　　</p>
	<address>Copyright (C) Computer Technology Groups. All rights reserved.</address>
    </body>
</html>