ga-05-b2

HTML/CSS初心者の為の
無料で挫折させない ホームページ作成講座

【 HTML/CSS逆引き辞典 】
CSSをインラインに style属性を使って書くサンプル

CSSをインラインにstyle属性を使って書く方法です。その場所で一度しか使わないとき、およびテストの時に便利です。又、モジュールのパラメータ(背景カラー、文字カラー、絶対番地、等)を指定する時に使います。

【サンプル コード】
HTMLコード
<!DOCTYPE html>
<!--====================================
 CSS書き方(inlineに指定する方法)
=====================================-->
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="style-1.css">
</head>
<body>
    <div style="width: 380px;
            margin:30px auto;
            height: auto;
            color: red;
            padding: 30px;
            text-align: center;
            border: double 10px orange;">
        <h1>これはページ見出しです</h1>
    </div>
</body>
</html>
        

CSSを
CSSファイルに
書くサンプル

CSSをインラインに
style属性を使って
書くサンプル

CSSをhead 部に
styleタグを用いて
書くサンプル

Copyright (c) 無料で挫折させないホームページ作成講座 All Rights Reserved.
by yorozuken