*

【CSS】ちょっとだけブログのCSSをいじってみたよ

公開日: : お勉強

LINEで送る
Pocket

おはようございます、こまこっこです。

今日からまた仕事なのですが・・・昨日、ニュースで私の住んでいる静岡県が梅雨入りしたとのこと。よし、これで雨降っても私のせいじゃないぞ!(ぁ

さて、朝っぱらから何してるのかといいますと・・・前日までの連休は見事なまでの昼夜逆転生活により(夜勤スタイルが戻せなかっただけ)、夜中の3時に目が覚めたまま眠れなかったのです。

寝ようと頑張ってみるも、既に時計は5時・・・。今寝たらきっと出勤時間に起きることはきついと判断し、寝ることを放棄。暇なのでCSSのお勉強を始めました。

CSSのカスタマイズ!

私が現在このブログで使用しているWordPressのテーマは「Asteroid」です。

WordPressには、テーマのCSSをベースに必要な部分だけユーザーがカスタマイズ(要は上書き)できるカスタムCSSなる項目があります。

そこに自分好みのCSSを記述し、適用することによりテーマのCSSの一部を好みに変えることが可能です。

 

そこで、以前から言っていた<h2>タグを目立つ見出しっぽく改造し、<blockquote>で強調しなくても済むようにしてみました。いかがでしょうか?

 

カスタマイズの内容

カスタム内容は、まだまだCSSを覚えようと思い始めたばかりなので、単純なことしかやっておりません。

以下の文を記述しただけです。

h2 {
display: block;
margin: 0;
padding: 0 0 0 .5em;
border-left: 8px solid #06c;
border-bottom: 2px solid #06c;
background-color: #dddddd;
}

まだ、私自身この記述が何を意味するのかよくわかってませんw

わかるのはせいぜい、border-left:で<h2>使用行左側の枠線を8pxで引き、下線はborder-bottom:で2pxの線を引いている。

background-color:で<h2>使用行の背景を灰色にしてるくらいでしょうか?

残りはサンプルをそのまま引っ張ってきただけなので、なくても構わないかもしれませんね。

 

今後はサンプルをいじって、どうなるのかを確認しながら覚えていこうと思います。

 

それでは、そろそろ出勤時間なのでいってきます。

またに〜ん(`・ω・´)ノシ

広告01

関連記事

no image

モブログ、始めます?

こんにちわ、こまこっこ(@komacocco_2nd)です。 今まではMacで書いてたブログですが、

記事を読む

[備忘録]MacにMAMP入れてローカルWordPress環境を作ってみる。

PHPとかMySQLとか動かして実験するには被害を最小限にしないとね! ども、こまこっこ(@koma

記事を読む

新ドメインへ引越し準備 〜3回目 WordPressの設定編〜

引越しって、リアルでもネットでも大変ですな!こまこっこ(@komacocco_2nd)です。 前回

記事を読む

no image

スタイルシートを勉強しようかな・・・?

こんにちわ、こまこっこです。 今日から仕事なので雲で空が見えないものの、雨の心配はなさそうです・・

記事を読む

新ドメインへのブログ引越し準備 〜1日目 メールアカウント作成〜

こんにちわ、こまこっこ(@komacocco_2nd)です。 おかげさまで、こっこめも。も皆様に見

記事を読む

新ドメインへの引越し準備(2日目) 〜WordPress設置〜

WordPressの手動設置って、難しい・・・>< こまこっこ(@komacocco_2nd)です。

記事を読む

広告01

コメントを残す

広告01

ダメ元でiPhone7の純正レザーケースを買ってみた!

お久しぶりのこまこっこ(<a href="https://t

Apple純正iPhone6s用バッテリーケース Apple Smart Battery Caseを買ってみた!

みなさんこんばんわ!こまこっこ(@komacocco_2nd)です。

SpigenSGP ネオハイブリッドEX ローズゴールドを買ってみた!色の再現度が完璧!!

こんにちわ、こまこっこ(@komacocco_2nd)です。

【購入品紹介】ミラネーゼループは純正品じゃないとダメ?

不定期更新になってるこっこめも。ですが・・・更新の日がやってま

究極ドラゴントレイル強化ガラスフィルム for iPhone6 ブラックを白iPhoneに貼ってみた!

黒/ゴールドのiPhoneもいいよねっ! こんにちは、こ

→もっと見る

%d人のブロガーが「いいね」をつけました。
PAGE TOP ↑