Commit 20a8adf8 authored by 김민수's avatar 김민수
Browse files

No commit message

No commit message
parent a1909827
......@@ -6,18 +6,17 @@ import bg from './background_ex1.jpg'
function Home() {
return (
<>
<div style={{backgroundImage:'url(' + bg + ')', backgroundColor : "grey" ,backgroundSize: "100%"}}>
<div style={{backgroundImage:'url(' + bg + ')',backgroundSize: "100%"}}>
<div className="Main"></div>
<div className="Box">
<div className="Name" style ={{color : "white", fontSize :'30px'}}>
이름을 입력하세요
<input style={{blockSize:'40px', marginLeft:'30px'}} onChange={(event) => sessionStorage.setItem('name', event.target.value)} />
<div className="Box" style={{}}>
<div className="Name" style ={{color : "black", fontSize :'30px'}}>
이름을 입력하세요
<input style={{blockSize:'30px', marginLeft:'30px'}} onChange={(event) => sessionStorage.setItem('name', event.target.value)} />
</div>
{/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
{/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
</div>
<div className='Box2'>
<Link to="/quiz">
<button className="QuizStart" onClick={checking}>Quiz Start !</button>
......@@ -25,7 +24,6 @@ function Home() {
</div>
</div>
</>
)
}
function checking(event) {
......
......@@ -7,7 +7,7 @@
height: 180px;
text-align: center;
margin-left: 410px;
margin-top: 10px;
margin-top: 150px;
font-size: 120px;
font-family: cursive;
color : greenyellow;
......@@ -24,13 +24,13 @@
.Box {
text-align: center;
margin: 0 auto;
margin-top: 75px;
margin-top: 30px;
}
.QuizStart {
margin: 30px;
margin-left: 650px;
margin-top: 150px;
margin-top: 30px;
margin-bottom: 200px;
width: 220px;
height: 50px;
......
src/background_ex1.jpg

158 KB | W: | H:

src/background_ex1.jpg

214 KB | W: | H:

src/background_ex1.jpg
src/background_ex1.jpg
src/background_ex1.jpg
src/background_ex1.jpg
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment