2011-01-14 18 views
1

PHPを使用して普通のサイズの画像の周りに境界線を入れたいと思います。私はイメージのためのテキストの境界線を見つけたが、単純なイメージの境界線は見つけられなかったと思う。ボーダー幅は変更可能である。助けてください枠の周りの画像

+1

PHP GD [http://php.net/manual/ en/book.image.php]またはCSS操作? –

+1

あなたはどういう意味ですか?「私はテキストの境界線がイメージではなく、単純なイメージではないことがわかっています。テキストを画像の境界として使用しようとしていますか?また、あなたの質問は情報が貧弱です。あなたが達成したいことについてより多くの情報を提供してください。 – Mixxiphoid

答えて

0

img要素がデフォルトaでありborder属性 PHPエキスパートではありませんが、タグ自体の内部に動的なvarがあるため、柔軟性があります。

20

私はGDやimagemagickを使って画像を操作するのではなく、画像の上に[css border] [1]を置くか、画像よりもはるかに大きい画像の後ろにdivを入れます。

img { border: 2px solid #000; } 

それとも、いくつかのボーダーのクラスを定義することができますが、この好き:

.border1 {border: 1px solid #000} 
.border2 {border: 2px solid #000} 
.border3 {border: 3px solid #000} 

、その後、あなたのイメージに使用します。

<img src="..." class="border1"></img> 

はどちらかあなたは、CSSを使用して、すべての画像に枠を置きます

または

<img src="..." class="border3 "></img> 

編集:

@for $i from 1 through 10 { 
    img.border_#{$i} { border: #{$i}px solid #000; } 
} 

サス岩:あなたはSCSS/SASSを使用していた場合も、のような何かを行うことができます!カラーについて

.bMainColor{border-color:#ff0000;} 
.bSecColor{border-color:#00ff00;} 
.bThirdColor{border-color:#0000ff;} 

とimgタグに:

<img src="..." class="border1 bMainColor"></img> 

私は:)国境について

参照のCSSを使用するので、多くの方法があると思います

http://www.w3.org/TR/CSS2/box.html#border-properties

http://reference.sitepoint.com/css/bordersoutlines

http://www.w3schools.com/css/css_border.asp

+0

GDを使用して画像を操作すると、さらに多くのリソースが必要になります。サイトを再設計して境界線の色を変更したい場合は、すべての画像を再度処理してください。 – dwarfy

+0

borderを定義するボーダークラスを作成することをお勧めします。スタイルと色を定義し、インラインスタイルを使用してタグそのものに思考を定義します。スタイルの問題だと思う。 –

+0

私はそれを投票している人々に感謝するためにそれを少し改善しようとしました:) – dwarfy

0

を参照して、テキストボックスを作りますここでは、境界線のピクセルサイズを入力して とし、送信ボタンを使用します。投稿を使用するか、取得してください。あなたが好きなもの..

しかし、あなたは何とかこれを動的にしない限り、これは唯一の、あなたの変更ではないページとしてaslong働くことになります。..

<img src="..." style="border:<? $_POST['pixel']; ?>" /> 

そうでない場合は、使用する@ dwarfyのソリューション..

関連する問題