오늘의 발견.. hr 태그는 자세히 보면 약간 입체처럼 생겼다
난 그냥 일자 선을 원했던 건데..
div {
border-top: 1px solid #d7d7d7;
height: 8px;
margin-top: 7px;
}
그래서 div로 만들고 border-top만 주었다
hr처럼 자체 여백이 없어서 height이랑 margin 등을 직접 주어야 하긴 했지만
더 얇은 느낌을 위해서는 이게 나았다!
'TIL > FrontEnd' 카테고리의 다른 글
| [Svelte] SvelteKit으로 웹사이트 만들기 2️⃣ vercel로 배포 (0) | 2023.08.07 |
|---|---|
| [Next.js] 응답 완료 시 다른 페이지로 이동하기 (0) | 2023.08.06 |
| [React] pathname 변경에 따라서 헤더 CSS 바꾸기 (0) | 2023.05.15 |
| [FE] WebStorage 기초 (0) | 2023.04.18 |
| [JavaScript] addEventListener 사용 함수 parameter 전달 (0) | 2023.04.16 |