Home > ホームページ制作 > スタイルシートで背景の角を丸くする

スタイルシートで背景の角を丸くする

cssで背景の角を丸くしてみる。

header内に背景を指定したします。

<p>テキストテキストテキスト</p>
</div>
</body>

ｈｔｍｌはこんな感じ。

次はスタイルシートは

#header {
background-color: #000000;
-moz-border-radius: 8px 8px 8px 8px;
width: 600px;
}

#header p {
color: #fff;
padding: 30px;
text-align: center;
}

と指定すると
こんな感じで背景の角が丸くなります。

Comments:0

Trackback URL for this entry: http://adblog.55w.jp/2011/02/03/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88css3%e3%81%a7%e8%83%8c%e6%99%af%e3%81%ae%e8%a7%92%e3%82%92%e4%b8%b8%e3%81%8f%e3%81%99%e3%82%8b/trackback/
Listed below are links to weblogs that reference: スタイルシートで背景の角を丸くする from ゴーゴーウェブマーケットADブログ

Home > ホームページ制作 > スタイルシートで背景の角を丸くする

リンク

最近の投稿

カテゴリー

アーカイブ

最近のコメント

ブログ内検索

フィード

メタ

上に戻る（トップ)