カテゴリー
HTML

HTMLコードを直接書いたらどうなる?その3

<h1>CSS入門その2</h1>
<h2>追加の見出し</h2>
<div id="main">
<p class="red">cssこれはサンプルです</p>

</div>
ワードプレスの場合もカスタムCSSで少し、簡単に弄ることが出来ます。
  
      body {
        font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
      }
<!-- コメント 
      div {
        background: #d2e4b3;
        width: 300px;
        padding: 0px;
        text-align: center;
        border: 1px solid #000000;
        margin: 30px auto;
      }
 コメント -->
      
      h1 {
          margin-top: 0px;
          margin-bottom: 10px;
          font-size: xx-large;
          color:  Blue;
          text-align:center;
        }
      h2 {
          margin-top: 0px;
          margin-bottom: 10px;
          font-size: large;
          color: yellow ;
          text-align:center;
      }  
       .red{color:  red;}
       #main{
            background: #d2e4b3;
            width: 650px;
            padding: 0px;
           <!-- コメント /*position: absolute;*/ -->
           <!-- コメント /*top: 55px;*/  -->
           <!-- コメント /*background-image: url(./img/back.gif);*/ -->
           <!-- コメント /*width:100%;*/  -->
            font-size: x-large;
            text-align:center;
            border: 1px solid #cccccc;
            margin: 30px auto;
 
       }
      <!-- コメント -->
      p {
        color: black;
      }

カスタムCSSに上を書いてみました。よく分かりませんが、カスタムCSSは割と簡単に変更できるようです。

カテゴリー
HTML 未分類

HTMLコードを書いたらどうなる?その2

CSS入門その2

追加の見出し

cssこれはサンプルです

ワードプレスの場合もカスタムCSSで少し、簡単に弄ることが出来ます。

カテゴリー
HTML 未分類

HTMLを直接書いたらどうなる?


CSS

CSS入門その2

追加の見出し

cssこれはサンプルです

inserted by FC2 system