외관상 div 태그에는 CSS 태그를 입히는 게 보기좋고 해당 html의 UI 가독성도 높일 수 있을 것이라는 생각이 들었다.

아무래도 CSS 태그 입히기 전 파일은 가위바위보 시 컴퓨터 영역과 유저 영역을 구분하기가 쉽지 않으니까.



실행 결과는 다음을 참고해 보시라.




완성된 파일 중 CSS 부분만 따 왔다.

<style type="text/css">
#na {
position: absolute;
width: 200px;
height: 300px;
background-color: yellow;
top: 10px;
left: 10px;
margin: 0;
padding: 10px;
border: 1px solid black;
}
#computer {
position: absolute;
width: 200px;
height: 300px;
background-color: skyblue;
top: 10px;
left: 255px;
margin: 0;
padding: 10px;
border: 1px solid black;
}
</style> 


저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

티스토리 툴바