웹 개발/HTML, CSS

[CSS] 16진수 색상코드에 알파값(투명도) 설정하기

16진수 색상코드에 투명도 설정하기 색상과 알파값을 같이 설정할 때 RGB값을 안다면 rgba(255, 0, 0, 0.6) 이렇게 쓸 수 있지만 16진수로 색상코드에 알파값 두 자리를 추가하여 보다 간단하게 설정할 수 있다 색상코드 사용법 16진수 색상코드 #8D43CF ■ 이 16진수 색상코드에서 뒤에 알파값 코드 두자리를 추가한다 알파값을 추가한 색상코드 #8D43CFFF ■ FF는 255의 16진수로 100%를 의미한다알파값에 따른 16진수 코드는 예시에서 확인하면 된다 🖋 사용 예시 FF = 100% F2 = 95% E6 = 90% D9 = 85% CC = 80% BF = 75% B3 = 70% A6 = 65% 99 = 60% 8C = 55% 80 = 50% 73 = 45% 66 = 40% 59 ..

[CSS] 16진수 색상코드에 알파값(투명도) 설정하기

16진수 색상코드에 투명도 설정하기 색상과 알파값을 같이 설정할 때 RGB값을 안다면 rgba(255, 0, 0, 0.6) 이렇게 쓸 수 있지만 16진수로 색상코드에 알파값 두자리를 추가하여 보다 간단하게 설정할 수 있다 색상코드 사용법 🖋 16진수 색상코드 #8D43CF ■ 이 16진수 색상코드에서 뒤에 알파값 코드 두자리를 추가한다 🖋 알파값을 추가한 색상코드 #8D43CFFF ■ FF는 255의 16진수로 100%를 의미한다 알파값에 따른 16진수 코드는 예시에서 확인하면 된다 🖋 사용 예시 FF = 100% F2 = 95% E6 = 90% D9 = 85% CC = 80% BF = 75% B3 = 70% A6 = 65% 99 = 60% 8C = 55% 80 = 50% 73 = 45% 66 = 40%..

[HTML] 티스토리 서식 공유 (깔끔, 노트)

제가 쓰려고 만든 티스토리 서식을 공유합니다. 서식 만들다보니 요거 재밌네..? 티스토리에 벌써 정들었어... 서식을 무한복제해야겠으....😏 미리보기의 폰트는 고양체 입니다. 폰트는 블로그에 맞게 자동으로 변환됩니다. 유용하셨다면 공감&댓글 부탁드려요! 🍋 미리보기 🤍 실제크기로 보시려면 더보기를 눌러주세요 더보기 🍋 소스 h2: 대제목입니다. 게시글의 개요라고도 볼 수 있는 앞부분 머릿말 영역입니다. 아래부터는 의미없는 한글 텍스트 예시입니다. 우리 커다란 품에 있는 온갖 튼튼하며, 얼음과 뿐이다. 위하여서 가치를 찬미를 이상, 사라지지 따뜻한 봄날의 이것이다. 가지에 하는 그들의 가치를 열락의 이상은 불러 풀이 것이다. 인간의 못할 얼마나 갑 무엇이 하였으며, 찾아 투명하되 꽃이 부패뿐이다. 못할 ..

[CSS] 레이어 팝업 중앙 정렬 +사용법

레이어 팝업을 사용할때 기냥 이거 복붙해서 쓰면 진짜 편함!!!!! 부수적인거 생략하고 일단 가운데에 잘뜨게 만드는 css라고 보면된다 ​ 레이어팝업 클래스명에 아래와 같은 css를 넣어준다 그리고 주석에 설명되어있는 부분을 조절해서 세팅하면된다 .popup {display: none; /*hide setting*/ position: fixed; left: 50%; top: 50%; width: 20%; /*가로길이 설정은 여기서*/ margin-left: -10%; /*width의 반만큼 음수로*/ height: 300px; /*세로길이 설정은 여기서*/ margin-top: -150px; /*height의 반만큼 음수로*/ z-index: 1000; /*style*/ background: white;..