첨부의 파일과 같이 결과가 나타나도록  하고싶습니다.
이미지는 아무 것이나 사용해도 되며( 첨부한 사진의 이미지는 사진의 제일 왼쪽부분-대학교라 되있는것)

빨간 버튼에 올리면 \"손모양\"이 나타나도록 스타일을 정의하고싶습니다
아니 그전에 빨간버튼 만들고 싶습니다

노랑색버튼-> 배경 노란색 테두리 기본으로
빨강색 버튼은 배경 빨간색 테두리 분홍색으로
-----------------------------------------------

제가 한 내용은 아래와 같습니다만...



==================================================================
<html>
<head> <title>1</title>

<STYLE TYPE=\"text/css\">
<!--
.MY1{
    float: left;
 margin: 10px 15px 0 0;
}

.MY1 input
{
 background: yellow;
}

.MY2{
    float: left;
 background: pink;
 padding: 5px;
}

.MY2 input
{
 cursor: pointer;
 background: red;
 color: white;
}

</STYLE>

</head>
<body>
 <font size=\"6\" color=\"blue\"><b>학번:1, 성명:1</b></font>
<br><br>
<br>
<img src=\"1.jpg\" width=\"200\" height=\"200\" style=\"cursor:move;\">

<br>
<br>
<DIV CLASS=\"MY1\"><input type=\"button\" value=\"색상버튼\"></DIV>
<DIV CLASS=\"MY2\"><input type=\"button\" value=\"색상버튼\"></DIV>
</body>
</html>

 

===========================================

위에 제가 한 내용을

 

1)버튼부분에서 border 가 들어가는 방법으로 바꾸고 싶습니다.

 

2)couser를 ing에서 바로 적용안하고 스타일에서 적용시키고 싶습니다.

 

 

 

잘아시는분 답변부탁드립니다