CSS勉強中スタッフのブログ

CSS勉強中スタッフのブログ

アメブロでブログデザイン・ブログ改造・カスタマイズ!

アメブロ改造を勉強して、かっこ良いブログを作っていくブログですチョキ


。.。:+* ゚ ゜゚ *+:。.。:+* ゚ ゜゚ *+:。.。.。:+* ゚゜゚ *+:。.。:+* ゚ ゜゚ *。.。:+* ゚ ゜゚ *+:。.。:+* ゚ ゜゚ *+:。.。.。:+* ゚ ゜゚

自分にあった改造メニューからどうぞ音譜

そもそも CSSって?カスタマイズってどういうこと?
という方はこちらから
 ∟かんたんなカスマイズ と CSSの編集

【基礎編】
 ∟ 「CSS」ってなに?
 ∟ 「CSSの編集」ってどこからできるの?

【初級編】
 ∟ 文字の色を変えてみる
 ∟ ブログタイトルの文字を変えてみる
 ∟ ブログのヘッダーに背景画像を敷きたい
 ∟ ブログ全体に背景画像を敷きたい
 ∟ 文字の大きさを変えてみる

【中級編】
 ∟ 記事の背景を半透明にする
 ∟ メッセージボード、サイドバーの背景を半透明にする
 ∟ ボタンの画像を変えてみる
 ∟ サイドバーのメニューにアイコンをつける

【上級編】
 ∟ CSSの「class(クラス)」ってなんのこと
 ∟ CSSを使って好きな箇所をデザインしてみる

【改造編】
 ∟ 【改造編】 いざブログ改造してみる!

【改造サンプル編】
 ∟ 【改造サンプル】ブログにメニューをつけてみる
 ∟ 【改造サンプル】ブログにメニュー その2 (マウスオーバーで色を変える)
 ∟ 【改造サンプル】ブログにメニュー その3 (マウスオーバーで大きくなる)


【Tips】
 ∟ 【Tips】CSS編集がうまくできないとき
 ∟ 【Tips】 画像のサイズ(大きさ)を調べる
 ∟ 【Tips】 「 /* 」 から 「 */ 」 はメモ書き
 ∟ 【Tips】 CSSの色の名前
 ∟ 【Tips】 CSSの色の名前 その2


。.。:+* ゚ ゜゚ *+:。.。:+* ゚ ゜゚ *+:。.。.。:+* ゚゜゚ *+:。.。:+* ゚ ゜゚ *。.。:+* ゚ ゜゚ *+:。.。:+* ゚ ゜゚ *+:。.。.。:+* ゚ ゜゚

※このブログのカスタマイズは「CSS編集用デザイン」 以外のCSS編集に対応していません。

※CSS編集がうまくできないときは、こちらを参考にしてください⇒「CSS編集がうまくできないとき」
Amebaでブログを始めよう!


CSS勉強中スタッフのブログ

おはよー



今日は角を丸くしてみます音譜


border-radius : XXpx;


っていうCSSを使うと角を丸くできるよ






例えばメッセージボードなら


.skinMessageBoard{
border-radius:6px;
}




記事なら


.skinArticle{
border-radius:6px;
}




他にも

サイドメニューは


.skinMenu

border-radius

を書く!

っていう感じで

角を丸くしたい箇所の classの名前を調べて

いろいろな箇所に 使ってみてねチョキ


※CSSの一番下に追加でもOKだし、すでに書いてあるCSSに border-radius を追記してもOK




ただし、


IE8より前のブラウザをつかっている人は角が丸くなりません。

IE9や safari 、chromeなどのブラウザならできるよ。


角丸にならない人は、ブラウザを新しいものに変えるとできるかもグッド!

過去記事のブラウザって何って言う記事も参考にしてね目






CSSでできることも、だんだん増えてきている。

最近のCSSは


CSS3 (シーエスエススリー)


って言われていて、すごい機能がたくさんあるらしいアップ
いままでは CSS2とか1だったらしいよ


CSS3 っていうキーワードで調べて、いろいろ試してね!!






ところで、このブログはじまって今日で1年たちますビックリマーク

読んでくれてありがとうございましたアップ


1年もCSS勉強のブログを続けられたのも、みんなのおかげですキラキラ

みんなもCSSの勉強がんばってねひらめき電球


CSSって楽しいよねグッド!



CSS勉強中スタッフのブログ

ペタしてね







※このブログのカスタマイズは、「CSS編集用デザイン」 を使ったもので、CSS編集用デザイン以外のCSS編集に対応していません。

※画面や仕様は記事が投稿された時のものです。


※CSS編集がうまくいかないときは、この記事⇒「【Tips】CSS編集がうまくできないとき 」を参考にしてください。