免責事項お問合わせ2018年07月27日さくらブログでcssに新しい要素を追加するここでは、cssにコードを書き込んで、見出しや枠に囲まれた文章を書く方法を紹介しています。上の見出しを見て下さい。装飾がされていて目立ちますよね。ブログの記事編集画面でhtmlのソースを見ると、以下のようになっています。<h3>htmlとcssの関係</h3>次に、cssを見てみます。h3タグを設定している部分は以下のようになっています。#67b5b7;}上4行は文字のサイズや余白を指定し、下の2行は横の飾りと下の線を書くように指定しています。cssで設定していれば、コード編集画面でタグを使うだけで見出しが作れるのです。検索すればサンプルがたくさん出てくるので、好きなものを使ってみて下さい。改造すれば自分だけの見出しも作れます。cssで文字が枠に囲まれるようにするブログを書いていると、たまにこんな感じで枠内に文字を書きたい時、ありますよね。これは、cssに新しい要素を追加することで実現できます。私がこのブログで使っている枠線は、以下のように設定しています。#006a6c;<>}背景色と枠線が設定されているのがわかりますね。cssで設定ができたら、divタグのとこでクラスを指定してあげると使うことができます。具体的には、記事作成画面でソースコードを以下のようにすると、追加した設定を使うことができます。