角を丸くする | CSS勉強中スタッフのブログ

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

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


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編集がうまくできないとき 」を参考にしてください。