css디자인
-
(30초 읽기) 코드블럭 라운드 적용 📚블로그 & 기술 기록/Tistory 2025. 1. 17. 01:59
안녕! 👋코드블럭을 더 예쁘게, 감성 넘치게 바꾸고 싶지 않아?오늘은 코드블럭에 둥근 라운드 스타일을 초간단하게 적용하는 법을 알려줄게! 🎨1️⃣ 기본 코드블럭 라운드 적용코드블럭에 둥근 모서리를 주려면 아래 CSS 코드를 적용해봐. .hljs { border-radius: 15px; /* 코드블럭 둥글게 */ border: 1px solid #e1e4e8; background: #f6f8fa; /* 깔끔한 배경색 */ padding: 16px;}border-radius: 모서리를 둥글게 만들어줘! (15px이면 적당히 둥글어져!)background: 배경색을 #f6f8fa로 바꿔서 눈에 편한 색상으로!padding: 코드블럭 내부 여백을 줘서 더 깔끔하게!✨ 결과✅ 코드블럭이 둥글둥글해지고,..