조수연 / Find_your_own_personal_color

Go to a project
Toggle navigation Toggle navigation pinning
이수빈
91b0322e 1 parent 5b753e38

spring.js 이미지 출력 수정

Expand all
Inline Side-by-side
Showing 3 changed files with 17 additions and 29 deletions
This diff is collapsed. Click to expand it.
#spring
body
{
background-image : url('./main.png');
background-repeat : no-repeat;
background-size : cover;
}
#spring_class
{
background-image : url('./season/spring.jpg');
background-repeat : no-repeat;
background-size : cover;
text-align: center;
}
.img
{
width: 100px;
height: 150px;
object-fit: cover;
}
@font-face
{
......@@ -18,27 +26,7 @@
}
#back_btn
{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-family: "button";
position: relative;
top: -50px;
left: 550px;
}
#btn_back
{
border: 1px;
color:rgb(255, 255, 255);
padding: 30px;
align-items: center;
text-align: center;
font-size: 40px;
background-color: rgba(255,255,255,0.5);
}
#btn_back:hover
{
background-color: rgb(167, 255, 246);
}
\ No newline at end of file
......
import React from 'react';
import './spring.css?ver=1.3';
import './spring.css?ver=1.4';
import spring from './season/spring.jpg';
const Spring = ( { history } ) =>
{
return (
<div className='spring'>
<img src = {spring} alt = "spring"/>
<div className='spring_class'>
<img src = {spring} width='1300' height='600' alt = "spring"/>
<div id="btn_back">
<button id="back_btn" onClick={ () => {history.push("/")}}>back</button>
</div>
......