電子書籍の厳選無料作品が豊富!

HTMLやCSSでウェブページを作っているのですが
(1)ここにあるフレームを使うにはどうしたらいいのでしょうか?
http://malsup.com/jquery/corner/

また画像にも適用できるのでしょうか?

(2)、(1)ができない場合、画像の内側にフレームを付ける方法と色の変え方を教えて下さい。

border="2" bordercolor="red"
これでフレームは付いたのですが色が変更できなかったです。


回答よろしくお願いします。

A 回答 (2件)

>border="2" bordercolor="red"


・border = pixels [CN] 推奨しない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
・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-html4 … )
 は守りましょう。

★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>&copy; ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
_</div>
</body>
</html>
    • good
    • 0
この回答へのお礼

とても役に立ちました!
長文ありがとうございます><

お礼日時:2014/02/04 17:20

ご提示のサイトはタイトルどおりjQueryを使って実装しています。

ただあまりオススメはしません。

ボーダー色のプロパティはborder-colorです。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!