おはよー
今日は角を丸くしてみます
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編集がうまくいかないときは、この記事⇒「【Tips】CSS編集がうまくできないとき 」を参考にしてください。