CSS02(1カラムレイアウト)

課題 CSS

【CSS02】

  • HTMLの入力に不安がある人は入力から
  • CSSはエンベッド

<!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  {
       background-color: #ffffff;
       width: 530px;
       text-align: center;
}
h1  {
     color: #ffffff;
     font-size: 17px;
     background-color: #6495ed;
     padding: 20px;
}
p  {
    line-height: 1.5;
    text-align: left;
}
address  {
          font-size: 14px;
          font-style: normal;
          color: #4682b4;
          border-top: solid 10px #6495ed;
          padding-top: 10px
}   

</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>