import styled from "styled-components";
return (
<StButton>전송</StButton>
);
const StButton = styled.button`
border: none;
border-radius: 7px;
background-color: skyblue;
width: 60px;
height: 35px;
cursor: pointer;
font-weight: bold;
font-size: 1rem;
color: black;
&:hover {
width: 60px;
background-color: gray;
color: white;
}
`;
'CSS' 카테고리의 다른 글
UI를 개발할 때는 이렇게 하자. (1) | 2023.10.31 |
---|---|
%, em, rem, vw, vh의 차이점 (0) | 2023.10.24 |
CSS: 좌우, 상하, 가로세로 정렬 (0) | 2023.04.15 |
CSS: z-index에 대하여 (0) | 2023.03.29 |
CSS: react-icons 로 아이콘 넣는 방법 (0) | 2023.03.22 |
댓글