安心しておすすめ!ファーストサーバ

トップページ ≫ホームページ用無料素材 ≫

利用規約&利用方法

リストマーク

ボタン

アイコン

壁紙

カウンタ画像

キャラクタ

枠線

カラー見本

記号

■ホームページ用素材集

◆ホームページ用素材集では、リストマーク、ボタン、アイコン、カウンタ画像、壁紙、キャラクタ、枠線など、ホームページ制作に役立つ素材を無料で配布しています。
◆ここで配布している枠線は、表(四角形)だけでは表現できない角の丸い四角形を作るための素材と作り方を紹介しています。
◆ご利用に際しては、以下の利用規約&利用方法をよく読んでご利用ください。

枠線

■角丸四角形の作り方&保存方法

◆あまり詳しく解説しませんので、わかる方のみ利用してください。

画像の
貼り付け

画像を背景
に指定

画像の
貼り付け

画像を背景
に指定

文章を書く

画像を背景
に指定

画像の
貼り付け

画像を背景
に指定

画像の
貼り付け

◆上のように、縦 3つ、横 3つの枠のない(cellpadding="0" cellspacing="0")表(テーブル)を作り(上ではわかりやすくするために枠を付けています)、画像の貼り付けと書いてある 4つの角の表だけに幅と高さを指定します(ここでは<TD width="10" height="10">)

◆上のように、4つの角は普通に画像を貼り付けますので右クリックで名前を付けて画像を保存で保存してください。
◆上下左右は伸縮自在にするため背景として画像を配置しますので右クリックで名前を付けて背景を保存で保存してください。

◆このままではきちんと表示されないので(上下左右の画像を背景にしているため)、上下左右の幅と高さをきちんと合わせて表示させるため、スペーサーとして1px×1pxの透明の透過GIFを 上下には高さを指定して(5pxか10px)、左右では幅をを指定して(5pxか10px)貼り付けます。
◆上ではわかりやすくするために色つきの画像を使っていますが、本来は透明で見えません。

≪見えませんが、ここにスペーサー用の透過GIF があるので、右クリックで名前を付けて画像を保存で保存してください。

◆より詳しく知りたい方はソースをご覧下さい。

UP▲

■線の太さ 1px、半径 5pxの角丸四角形

 

 

 

 

 

 

 

 

 

 

 

 

■線の太さ 2px、半径 5pxの角丸四角形

 

 

 

 

 

 

 

 

 

 

 

 

UP▲

■線の太さ 1px、半径 10pxの角丸四角形

 

 

 

 

 

 

 

 

 

 

 

 

■線の太さ 2px、半径 10pxの角丸四角形

 

 

 

 

 

 

 

 

 

 

 

 

UP▲

利用規約&利用方法

リストマーク

ボタン

アイコン

壁紙

カウンタ画像

キャラクタ

枠線

カラー見本

記号

トップページ ≫ホームページ用無料素材 ≫

転職・アルバイト情報がメールで届く!Job@nifty