실습문제 7-7
WEB/TRAINNING 2017. 11. 29. 16:45 |7. 다음과 같이 색 이름을 가진 문자열 배열 colorNames을 만들고, 문자열을 <div> 태그로 출력하라.
<div> 태그의 배경색은 해당 색으로 칠하라.
다음 CSS3 스타일 시트를 이용해라.
1 2 3 4 5 6 | div { display: inline-block; width: 60px; padding: 10px; } | cs |
1 2 3 4 5 | var colorNames = ["maroon", "red", "orange", "yellow", "olive", "purple", "fuchsia", "white", "lime", "green", "navy", "blue", "aqua", "teal", "black", "silver", "gray"]; | cs |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!DOCTYPE html> <html> <head> <title></title> <style> div { display: inline-block; width: 60px; padding: 10px; } </style> </head> <body> <script> document.write("<h3>17개의 CSS2 색이름과 색</h3><hr>"); var colorNames = ["maroon", "red", "orange", "yellow", "olive", "purple", "fuchsia", "white", "lime", "green", "navy", "blue", "aqua", "teal", "black", "silver", "gray"]; for(var i=0 ; i<colorNames.length ; i++) { document.write("<div style='background-color:"+colorNames[i]+"'>"+colorNames[i]+"</div>"); } </script> </body> </html> | cs |
