2

キャプションを含む両方の図の周りに境界線またはフレームを追加する方法は?

図形にスタイルを使用しようとしましたが、境界線が表示されません。img の周りに境界線は必要ありませんが、図とキャプションの両方に境界線が必要です。

<!DOCTYPE HTML>
<html lang="en">    
<body>

     <figure style="border-width:thin">
       <img src="image.png">
       <figcaption>my image</figcaption>
     </figure>

</body>
</html>
4

2 に答える 2

1 
<!DOCTYPE HTML>
<html lang="en">
    <style>
      .frame{
       border: 1px solid #000; /*outside border*/
       padding: 10px; /* creates whitespace between border & content */
    </style>
<body>

 <figure class="frame">
   <img src="image.png">
   <figcaption>my image</figcaption>
 </figure>

</body>
</html>
于 2013-06-13T19:37:50.463 に答える