≫トップページ ≫ホームページ用無料素材 ≫
|
≫ボタン |
≫アイコン |
≫壁紙 |
||
|
≫枠線 |
≫記号 |
|
|
|
|
||
|
|
|
||
|
|
|
|
枠線 |
■角丸四角形の作り方＆保存方法
◆あまり詳しく解説しませんので、わかる方のみ利用してください。
|
画像の |
画像を背景 |
画像の |
|
画像を背景 |
文章を書く |
画像を背景 |
|
画像の |
画像を背景 |
画像の |
◆上のように、縦 3つ、横 3つの枠のない（cellpadding="0" cellspacing="0"）表（テーブル）を作り（上ではわかりやすくするために枠を付けています）、画像の貼り付けと書いてある 4つの角の表だけに幅と高さを指定します（ここでは<TD width="10" height="10">）
|
|
|
|
|
|
|
|
|
|
|
|
◆上のように、4つの角は普通に画像を貼り付けますので右クリックで名前を付けて画像を保存で保存してください。
◆上下左右は伸縮自在にするため背景として画像を配置しますので右クリックで名前を付けて背景を保存で保存してください。
 |
 |
 |
|
 |
|
 |
|
 |
◆このままではきちんと表示されないので（上下左右の画像を背景にしているため）、上下左右の幅と高さをきちんと合わせて表示させるため、スペーサーとして1px×1pxの透明の透過GIFを 上下には高さを指定して（5pxか10px）、左右では幅をを指定して（5pxか10px）貼り付けます。
◆上ではわかりやすくするために色つきの画像を使っていますが、本来は透明で見えません。
|
◆ |
|
≪見えませんが、ここにスペーサー用の透過GIF があるので、右クリックで名前を付けて画像を保存で保存してください。 |
◆より詳しく知りたい方はソースをご覧下さい。
■線の太さ 1px、半径 5pxの角丸四角形
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
■線の太さ 2px、半径 5pxの角丸四角形
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
■線の太さ 1px、半径 10pxの角丸四角形
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
■線の太さ 2px、半径 10pxの角丸四角形
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
||||||||||||||||||||||||||||||||||||
|
|
|
|
|
≫ボタン |
≫アイコン |
≫壁紙 |
||
|
≫枠線 |
≫記号 |
≫トップページ ≫ホームページ用無料素材 ≫