728x90 반응형 CSS/CSS 기초62 [CSS]FLEX 기초2 [CSS3] 레이아웃 flex 이용하기 이글을 정리할때는 뭔가이해가 안갔는데 이제 어떻게 써야할지 알거같아서 다시 정리! .box{ text-align: center; height: 10vh; flex-grow: 1; flex-shrink: 1; align-content: center; justify-content: center; flex-basis: 300px; } .box-1{ background: hotpink; flex-grow: 0; } .box-2{ background: purple; flex-shrink: 0; } .box-3{ background: blueviolet; flex-grow: 0; flex-shrink: 0; } .box-4{ background: plum; } .box-5{ .. 2019. 5. 22. [CSS]글자에 그라디언트 또는 이미지로 채워 넣기 background: linear-gradient(to right, #4364f7, #23d5ab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; See the Pen text-gradient by gahyun (@gahyun) on CodePen. 2019. 5. 21. [CSS]텍스트에 이미지 넣기 shape-outside: url("https://i.ibb.co/zFZx634/testImg.png"); See the Pen shape-outside by gahyun (@gahyun) on CodePen. 2019. 5. 21. [CSS]attr()이용해서 속성가져오기 content:attr(data-title); attr 함수를 이용해 span의 속성 data-title을 가져옵니다. 아래 CSS에 마우스를 올려보세요. See the Pen CSS - attr() by gahyun (@gahyun) on CodePen. 2019. 5. 21. 이전 1 ··· 5 6 7 8 9 10 11 ··· 16 다음 728x90 반응형
