複数画像を表示させたとき枠組みの色がかわらない。
thumbnailsで枠組みの色を指定したはずなのですが色がかわりません。
よろしくお願いします。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 10px auto; 9 text-align: center; 10 } 11 .thumbnails{ 12 width: 205px; 13 height: 103px; 14 border: 10; 15 border-color: blue; 16 } 17 18 </style> 19</head> 20<body> 21 <div id="thumbnails"></div> 22 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> 23 <script> 24 $(function(){ 25 var files=[ 26 'test1.png', 27 'test2.png', 28 'test3.png', 29 'test4.png', 30 ]; 31 var img; 32 for(var i=0;i<files.length;i++){ 33 img= $('<img>').attr('src',files[i]).addClass('thumbnails'); 34 $('#thumbnails').append(img); 35 } 36 }); 37 </script> 38</body> 39</html> 40
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。