위 첨부파일대로 하고 싶으나 되지 않습니다.
빨간 버튼에 올리면 \"손모양\"이 나타나도록 스타일을 정의하고싶습니다
아니 그전에 빨간버튼 만들고 싶습니다
노랑색버튼-> 배경 노란색 테두리 기본으로
빨강색 버튼은 배경 빨간색 테두리 분홍색으로
또한 버튼 주위에 테두리 치는거 테두리가 버튼주위에만 둘러야 하는데 오른쪽으로 쭉 길어지는 테두리도
조절하고 싶습니다.
이걸 만들려면 메모장에 내용을 뭐라 써야할지 의문입니다
그리고 아래내용은 제가 좀더 시도해보았으나 다시 중도하차된 내용입니다 ㅠ
==================================================================
<html>
<head> <title>1</title>
</head>
<body>
<font size=\"6\" color=\"blue\"><b> 성명:1</b></font>
<br><br>
<br>
<img src=\"석양2.jpg\" width=\"200\" height=\"200\" \"cursor:move;\">
<br><br>
<br>
<STYLE TYPE=\"text/css\">
<!--
.MY{
BORDER-STYLE:hidden;
BORDER-WIDTH:6PX;
BORDER-COLOR:none;
BACKGROUND-COLOR:YELLOW;
relative;TOP:60PX;LEFT:50PX;
z-index:1;
}
</STYLE>
<DIV CLASS=\"MY\">색상버튼 </DIV>
<STYLE TYPE=\"text/css\">
<!--
.MY{
BORDER-STYLE:hidden;
BORDER-WIDTH:6PX;
BORDER-COLOR:none;
BACKGROUND-COLOR:YELLOW;
relative;TOP:60PX;LEFT:50PX;
z-index:1;
}
</STYLE>
<DIV CLASS=\"MY\">색상버튼 </DIV>
</body>
</html>
CSS 클래스 명 중복으로 선언되어 있을 경우, 마지막으로 선언된 클래스를 따라감. 애초에 CSS 는 HEAD 쪽이나 아니면 한곳에 한꺼번에 정의 해야 하는데 CSS 를 지금 2군데로 나눠서 정의 한 것도 일단 문제. 실행에는 큰 문제가 없깄지만.
여튼 CSS 클래스 명 MY 로 통일 시켜 놓은것 부터 이름을 다르게 바꿔서 지정 ㅇㅇ MY 정의하고 엘리먼트에 MY 클래스 적용 하고 다시 MY 스타일 정의하고 바로 아래에 다른 엘리먼트에 MY 클래스 적용해 봐야 마지막으로 정의한 MY 스타일로 전부 먹힙니다
그리고 지금 첨부파일에 보여 지는 버튼의 이미지는 DIV 로 만들어진 버튼이 아니라 딱 봐도 input 의 button 타입인거 같은데 div 로 계속 버튼을 만들려는 이유를 모르겠음..
relative;TOP:60PX;LEFT:50PX;이 부분도 문제라면 문제. relative 먹인 상태에서 top 60px 이면 주변의 엘리먼트들에 비교해서 상단에서 60px 내려오게 한다는건데 지금 화면을 봤을 때 이 소스는 전혀 필요 없음. margin 을 먹였으면 먹였지 top 을 주는건 좀 아니라고 보고...
..... ... .. 아니 그냥 횽 일단 html이랑 css 기초 부터 하고 오는게 나을거 같다.. css 개념이 안잡혀 있는거 같아....
손모양은 style = \"cursor:pointer;\"