Home

ホーム>>応用

背景色・文字色を変える

文字色・背景色を変えるスタイルは、共通のカラーコードを使います。(カラーコードはこちら)

文字色を変えるスタイル

【style=""】内に【color:#カラーコード】を記述して、【style="color:#カラーコード"】とすると文字色が任意の色に変わります。

<p style="color:#カラーコード;">コンテンツ</p>
任意の色に変わる。

背景色を変えるスタイル

【style=""】内に【background-color:#カラーコード】を記述して、【style="background-color:#カラーコード"】とすると背景色が任意の色に変わります。

例:<div style="background-color:#カラーコード">→背景色が任意の色に変わる

ページ全体の文字色・背景色を変える

ページ全体の色を変えるには<body>にスタイルを記述します。

<body style="background-color:#カラーコード;color:#カラーコード;">
コンテンツ
</body>
ページ全体の文字色・背景色が任意の色に変わる。

このように記述する事でページ全体の色を指定することが出来ます。

【文字サイズを変える】へ>>

当サイトは初めてWebサイトを作る方向けの解説サイトです。文法は抜きにして"とにかく作って出す"という事を前提に解説しています。

一度作成してみてさらに興味がわいた方は、専門の参考書を読む事をおススメします。

はじめに - Webサイトについて -

1:予め用意するもの
テキストエディタ
画像編集ソフト
2:最低限の知識
拡張子の表示
htmlタグとは
覚えるべき要素
htmlファイルの構成
htmlファイルの保存
htmlファイルの確認
Webサイトの構造とindex.html
相対パス/絶対パス
3:作成手順
【1】保存フォルダの作成
【2】htmlファイルの作成
【3】ファイルを送信
【4】完成
応用
デザインの変え方
背景色・文字色を変える
文字サイズを変える
縦横のサイズを指定する
行揃えの位置を指定する
間隔をあける
線を引く