CSSカスタマイズの最近のブログ記事

引き続きULタグへのスタイルシートの適用について。

今回は箇条書きリストの先頭に画像を利用する方法です。

久々のスタイルシートネタです。

今回は箇条書きの接頭部分の変更方法について。

何も変更を加えていない状態では箇条書きの接頭部分は丸になっています。

＜例＞

• ブログのはじめ方
• 記事の書き方
• デザインの変更

困ったときのスタイルシートネタです。

このブログでも使ってますが、記事のなかに囲みがあってその中に文章が書かれている光景みたことありませんか？スクロールバーで移動すると続きが見られるという仕組みになっているあれです。

最新記事の一覧やHTMLソースなどを紹介する場合によく使われています。

久しぶりのスタイルシートネタです。

今回はマージンとパディングについて記述したいと思います。文章で説明するには難しいので実際に表示したいと思います。

前回に引き続きスタイルシートで枠線を指定する方法です。今回は個別の枠線の指定や一括指定について説明します。

スタイルシートのカスタマイズ第５番目は枠線の指定方法です。borderから始まる属性に値を指定します。指定できるのは次のとおりです。

• border-style:線の種類
• border-width:線の太さ
• border-color:色

ブログを魅力的に変更するテンプレートですが、一番大きな要素は背景画像によるものだと思います。テンプレートに頼らず背景画像を自分の好きな風景画像やペットの写真に変更できたら個性的で魅力のあるブログになると思いませんか？

スタイルシートを利用すれば背景の色や画像が簡単に変更できます。一度トライしてみてはどうでしょうか。

これまでスタイルシートで文字サイズを変更する方法、スタイルシートで文字色を変更する方法と説明してきました。今回は文章の行間を調整する方法について説明します。

 まずは文字サイズを変更する方法です。スタイルシートを利用して文字を変更する場合はfont-*という部分に着目します。文字の大きさはfont-sizeという属性の値を変更します。