以上を総て入力、 の「Create Graphics」ボタンを押すだけで、4角のgif画像、css、htmlを瞬時に作成してくれます。 それらをコピーペースとして使用します。 なお、css部分の画像のパスは、htmlと同じ階層か「css」の階層に指定して記述されます。この辺は都合によって書き換えます。 Corner Shopを使って作成したボックスの テストページ css 部分の「.box 」に「width:300px」を加えています。
すると、左図の左部分に見た目のサンプルが出ます。同時にサンプルの下の方にcssとhtmlが動的に作成、表示されます。 Spiffy Comersを使って作成したボックスの テストページ 親のdivを作って、横サイズを指定し、オリジナルのままでは横方向画面いっぱいになってしまうのを押さえています。