쉬운 컬러값 변경 위한 CSS var() 사용

제로나라

· 2022-04-13 (수) 05:16:51 · 조회 5527 5527 · 댓글 3 3

:root {
--main-bg-color:#ffffff;
}

body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:var(--main-bg-color)}

css를 이렇게 사용하면 테마버전이나 컬러값 변경시 상당히 요긴하게 사용이 됩니다..

댓글 3개

vplanet

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2022-04-17 (일) 23:08:16

테마에도 적용이 되는 거죠? 한번 적용해 보겠습니다. 감사합니다.

SimpleCode

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2022-04-18 (월) 21:15:59

@vplanet IE만 아니면 지원한다고 하네요.

나리스

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2022-06-22 (수) 22:09:51

CSS 변수 좋네요 IE 도 마침 종료되었고 슬슬 써봐야겠습니다

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건

제목	글쓴이	날짜	조회
PWA (Progressive Web App) 웹 앱 간단한 예제 [2] 😊6	SmartWeb 프로필 보기 이 회원 글보기 이 회원의 댓글보기	03-07	조회 6,088
일회용 이메일 차단 [2] 😊2	재회 프로필 보기 이 회원 글보기 이 회원의 댓글보기	03-06	조회 5,248
전화번호 가운데 아스타(*) 처리하기 [3] 😊3	미니님a 프로필 보기 이 회원 글보기 이 회원의 댓글보기	03-06	조회 5,433
무단 글쓰기 방지 팁 [7] 😊6	컴대장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	03-05	조회 5,564
개발자모드차단 및 DevTools 실시간 감지 스크립트 [3] 😊2	SmartWeb 프로필 보기 이 회원 글보기 이 회원의 댓글보기	03-02	조회 5,246
심플한 스팸 방지코드 입니다 [6] 😊5	일당천 프로필 보기 이 회원 글보기 이 회원의 댓글보기	02-19	조회 6,385
봇 차단 robots.txt / 접근차단 IP [6] 😊6	아몬2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	02-19	조회 6,850
그누보드 게시판에 LMS 영상 게시판 만들기 [3] 😊5	카이루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	02-18	조회 4,315
1원 짜리 팁. 홈페이지 속도 개선팁 모음 minify 사용 중 이신 분 또는 사용 하실 분 .... [2] 😊3	Drifter 프로필 보기 이 회원 글보기 이 회원의 댓글보기	02-06	조회 6,657
오픈예정 페이지 만들기 [2] 😊3	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	02-02	조회 5,819
claude skill guide 한국어 번역본 [2] 😊1	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-31	조회 4,563
그누보드 크롤링 및 마이그레이션용 board class [3] 😊1	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-25	조회 4,688
스팸글 4기가 때려 맞고 열받아 만든 일반적인 스팸 차단 extend [17] 😊8	백림 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-22	조회 4,735
봇 크롤링에 대응한 접근 누적 딜레이 extend [8] 😊5	백림 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-19	조회 4,442
짧은 주소를 더 짧게 URL/숫자로 ... extend 파일 [5] 😊7	로빈아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-18	조회 4,563
(응답속도빠름) 중국,러시아 등등 국가별 접속IP 차단 그누보드 extend 파일 [5] 😊5	로빈아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-17	조회 4,485
그누보드5 + 영카트5 table schema [5] 😊11	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-15	조회 5,129
공공데이터포털(data.go.kr) 의 API를 통한 국가 코드별 접속 제한 방법 [4] 😊3	cdisk1 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-14	조회 5,102
게시글 첨부파일 mp4, webm, ogg 등을 업로드했을때 본문에서 재생하기 [4] 😊5	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-08	조회 4,534
게시판 본문에 구글 지도 넣기. [4] 😊3	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-07	조회 4,481
내가 쓴 글 만 보여지기. (내글,내가작성한글) [6]	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	01-02	조회 4,747
File Uploader - 프레임워크 독립적인 파일 업로드 Web Component [6] 😊1	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-31	조회 5,894
모바일 5G로 CloudFlare 사용 시 관리자 로그인 풀림현상 해결 [4]	SSU53rd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-30	조회 4,332
일관성 있는 웹페이지 제작을 위한 디자인 시스템 [6] 😊2	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-29	조회 4,717
목록 순서 쉽게 바꾸기 [7]	sosososo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-20	조회 4,685
게시판 파일 업로드 보안·성능을 강화하는 “사전 검증 + 이중 검사 [4] 😊2	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-17	조회 4,330
js 로 간단 별점 [5]	wwiz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-10	조회 4,400
그누보드 메일 발송기록 페이지 [5] 😊1	예삐아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-10	조회 4,528
[클라우드플레어사용시 포함] 특정ip에서만 접속되게하기 [2]	지구버스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-07	조회 4,421
시판 검색 속도를 크게 높이는 “검색 전용 인덱스(Fulltext/복합인덱스) 최적화 [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	25-12-07	조회 6,156

글쓰기

그누보드5(영카트)