목록RGB (2)

어제 오늘 내일

[HTML/CSS] 박스 그림자 투명도 설정하기 (box-shadow)

이전 포스팅에서는 CSS의 box-shadow 속성을 사용하여 박스에 그림자를 만들어주는 방법을 알아보았습니다. [HTML/CSS] div 박스에 그림자 만들기(box-shadow) [HTML/CSS] div 박스 그림자 한쪽만 만들기(위, 아래, 오른쪽, 왼쪽) 이번에는 box-shadow로 생성한 그림자에 투명도를 지정해 주는 방법을 알아보려고 합니다. 투명도 설정하기 box-shadow 속성에는, 투명도를 설정할 수 있는 항목이 따로 없습니다. 그래서, 그림자의 투명도를 지정하기 위해서는 color 항목을 rgba형식을 사용해서 표현해야 합니다. color를 표현하는 방법 중 하나인 rgba는 'red, green, blue, alpha' 이렇게 4가지 값을 지정할 수 있는데, 이 중, alpha는..
IT/HTML&CSS 2022. 12. 18. 07:12
[CSS] CSS에서 색깔을 지정하는 4가지 방법 (이름, 16진수, RGB(RGBA), HSL(HSLA))

이번에는 CSS에서 색상을 지정하는 방법을 정리해 보도록 하겠습니다. 색상을 지정하는 방법은 여러가지가 있지만 여기서는 가장 많이 사용되는 4가지 방법을 정리하였습니다. 이름 16진수 RGB 또는 RGBA HSL 또는 HSLA 1. 이름 색상의 이름을 직접 써서 컬러를 지정할 수 있습니다. 브라우저가 인식할 수 있는 색상 이름은 대략 147개입니다. 이 방법은 쉽게 색상을 지정할 수 있는 장점이 있지만, 표현할 수 있는 색상의 한정적이고, 색상을 사용하려면 이름을 외우고 있어야 한다는 단점이 있습니다. div { height : 20px; width : 200px; } 색상의 이름을 직접 css의 속성값으로 지정해 주었습니다. 전체 색상 이름은 아래 링크의 페이지를 참조하세요. Color keywords..
IT/HTML&CSS 2022. 6. 5. 01:45
Prev 1 Next