マッキーデザイン Written by Makkiy

CSSで色・枠線など調整する方法!

プログラミング

CSSのコードを自由に打てるようになれば、色や枠線などを調整できるようになります!

こんなCSSコードを入力してみました。

  •  /* シンプル角丸 枠 1 */
    .kakomi-maru1 {
    margin: 2em auto;
    padding: 1em;
    width: 90%; /*幅の調節*/
    color: #333333; /*文字色*/
    background-color: #FAFAFA; /*背景色*/
    border: 1px solid #EEEEEE; /*線の太さ・色*/
    border-radius: 3px; /*角の丸み*/
    text-align: left;
    }

これを入れるだけで、後はHTMLを入力するとできます。

HTMLはこちら↓

  • <div class="kakomi-maru1"><font size="3">ここに入力</font></div>

これで僕の理想とする環境で、ブログを入力できそうです!

 
後は必要に応じて入力していきます