やさしいHTML5入門
CSSとは
書き方
HTMLへの適用法
ボックス概念
文字の色を変えよう
背景色を変えよう
背景に画像を入れよう
角丸を作る
ボックスに影を入れる
文字に影を入れる
透明
グラデーション

始める準備
Folderを準備しよう
メモ帳の使い方
TextEditの使い方

角丸を作る
角丸一部指定

HTML5.Mac:win対応のフリーエディターのリンクです。
(2011年8月現在)
aloha-editor
BlueGriffon
aptana
「mi」は一応winも対応。シンプルなエディタです。
mi

おすすめエディタ
Dreamweaver
角丸一部指定
角丸を一部だけ指定する方法です。一部とは右上の角だけとか上だけとか、下だけとかという具合です。

プロパティ−(数は自由指定です)
border-top-left-radius20px;
border-top-right-radius20px;
border-bottom-right-radius20px;
border-bottom-left-radius20px;

記述例です
table{
width:270px;
height:250px;
background-repeat:no-repeat;
background-image:url(画像パス);
border-top-left-radius:20px;
}

実行例 : 左上だけ角丸にしました。

 
戻る(角丸を作る)次へ (ボックスシャドー)