분류 전체보기127 주사위게임_ 랜덤 이미지/숫자 + If구문 두개의 주사위 숫자가 랜덤으로 보여짐. 같은숫자가 나오면 'DRAW' player1 숫자가 높으면 'player 1 WIN' player1 숫자가 높으면 'player 2 WIN' HTML: Refresh Me player1 player2 CSS: body{ font-family: 'Pacifico', cursive; background-color: rgba(70, 59, 59, 0.842); } h1{ color:rgb(67, 176, 140); font-size: 10rem; text-shadow: 5px 0 #232931; } .player{ text-align: center; display: inline-block; margin-right: 10px; } .main{ text-align: cent.. 2022. 5. 26. HTML과 연동시키기 1. 파일명.js 생성 2. html 파일 맨 마지막에 아래 태그 넣기 3. alert 등으로 연결 잘 되어있는지 확인 2022. 5. 26. 랜덤숫자 구하기 Math.floor(Math.random() * (maximum – minimum + 1)) + minimum 예) 1포함 6까지 랜덤으로 숫자를 구하고 싶다. Math.floor(Math.random() * 6) + 1 2022. 5. 26. 글자/박스에 그림자 넣기 text-shadow: 가로거리 세로거리 번짐정도 색상 ex) text-shadow: 10px 10px 5px #232931 👉가로거리의 값 - 양수: 오른쪽으로 그림자 이동 음수: 왼쪽으로 그림자 이동 👉세로거리의 값 - 양수: 아래쪽 그림자 이동 음수: 위쪽으로 그림자 이동 👉번짐정도 - 값이 커질 수록 번짐정도 심해짐. 음수 값을주면 그림자가 사라짐. 👉색상 - 그림자의 색 지정. 따로 값을 입력하지 않으면 기존 텍스트의 색상으로 박스에 그림자를 넣을때는 box-shadow: 10px 10px 5px #232931 10px 10px 5px #232931 10px 10px 5px #232931 2022. 5. 26. 이전 1 ··· 9 10 11 12 13 14 15 ··· 32 다음
