2

http://notions.okuda.ca/2007/02/06/cool-css-image-border-style/にある画像枠のサンプル メンションにテキスト キャプションを追加するにはどうすればよいですか

画像パスが指定されているのと同じ場所（スタイルシートではなく）でコードを使用したいので、どこかで

<img src="SOMETHING.jpg" style="display: block; margin-left: auto; margin-right: auto; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px;" />
4

3 に答える 3

1

2007年以降、多くのことが変わったことをご存知ですか? CSS3 は、box-shadowこれを行うプロパティを導入しましたが、より現実的です。

ただし、HTML または JavaScript がないと、キャプションを作成できません。CSS は HTML からプロパティを読み取ることができません。

ここにデモがあります：http://jsfiddle.net/2DuyU/3/

于 2012-02-14T04:08:01.387 に答える
1

少なくとも次のように ap タグを作成せずにこれを行う方法がわかりません。

    <p><img src="location/of/my_image" alt=""/><br/>Caption</p>

代わりに p タグにスタイリングを追加します。

例: http://jsbin.com/ewazir

于 2012-02-14T04:31:36.973 に答える
-1

次のように書くべきだと思います

<img>your caption</img>
于 2012-02-14T04:07:46.443 に答える