0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

htmlに装飾(css)を施す時の基本

Last updated at Posted at 2019-02-16

まず、webサイトを作成する時にやりたいこととしてwebサイトを装飾したい。
そのときに重要となることは以下のとおりです。

・htmlの本文を書いて全体の入れ物を作る。
・cssを書いて装飾をする。     

そして、cssで装飾する時の最もつまづきたすいと感じたのが、cssの装飾は必ずclassの名前に対して
に対して行う必要があるということ。
具体的にはこうである。
まずhtmlの構文の上部<head></head>のなかに

<!--自作CSS -->
    <style type="text/css"><!--
    /*ここに調整CSS記述*/
    .copyright {
      background-image:url(./img/unkai.jpg);
    }
    .footter_text{
      background-color: yellow;
    }
    <!--自作CSSここまで -->
    </style>

と書く。
そして、この<style></style>のなかで装飾したい部分の設定を行う。

今回でいうと、html文の中で<div class="copy_right"></div>を作っていた場合は上記のように

.copyright {
      background-image:url(./img/unkai.jpg);
    }

として設定してやることで背景がunkai.jpgとなる。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?