실습문제 5-3
WEB/TRAINNING 2017. 11. 6. 19:03 |3. HTML 태그와 CSS을 이용하여 오디오 재생 리스트를 표로 작성하라.
또한 버튼에 마우스가 올라가면 버튼 글자가 magenta 색으로 바뀌게 하라.
버튼은 눌러도 작동하지 않는다.
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 33 34 35 36 37 38 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>오디오 재생 리스트</title> <style> td.index { border : 1px solid yellowgreen; padding-left : 3px; padding-right : 3px; } th { width : 200px; text-align : left; border-bottom : 1px solid gray; } button:hover { color : magenta; } </style> </head> <body> <h3>오디오 재생 리스트</h3> <hr> <table> <tr><td class="index">1</td><th>애국가</th> <td><button>재생</button></td> <td><button>중지</button></td></tr> <tr><td class="index">2</td><th>Moon Glow</th> <td><button>재생</button></td> <td><button>중지</button></td></tr> <tr><td class="index">3</td><th>Embraceable You</th> <td><button>재생</button> <td><button>중지</button></td></tr> </table> </body> </html> | cs |
