- ベストアンサー
画像にフレームをつけたい-ウェブ制作にあたって
HTMLやCSSでウェブページを作っているのですが (1)ここにあるフレームを使うにはどうしたらいいのでしょうか？ http://malsup.com/jquery/corner/ また画像にも適用できるのでしょうか？ (2)、(1)ができない場合、画像の内側にフレームを付ける方法と色の変え方を教えて下さい。 border="2" bordercolor="red" これでフレームは付いたのですが色が変更できなかったです。 回答よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞border="2" bordercolor="red" ・border = pixels [CN] 推奨しない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#adef-border-IMG ) ・bordercolorは存在しない属性です。 仕様書は、必ず目を通しておくこと。 書いたら Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) のDATA入力(右上)などでチェックすること そうしないと、とんでもない物を身につけてしまう。 現状では ★HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 ) は守りましょう。 ★Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html# ) でチェック済みのHTML4.01strict ★200px×200pxの画像を./imagesに用意すること ★タブは＿に置換してあるので戻す。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- p.test img{ border:solid lime 10px; border-color:red orange yellow lime; border-radius:10px; } --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p class="test"><img src="./images/abc2.jpg" width="200" height="200" alt=""></p> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>
その他の回答 (1)
- ixkaito
- ベストアンサー率69% (18/26)
ご提示のサイトはタイトルどおりjQueryを使って実装しています。ただあまりオススメはしません。 ボーダー色のプロパティはborder-colorです。
お礼
とても役に立ちました！ 長文ありがとうございます＞＜