반응형

HTML, CSS 36

[css] <iframe>

이라는 새로운 태그를 발견했다. 역시 익숙해지는 데는 적용하는 것, iframe1.html 파일을 생성 후 iframe2.html 파일 경로를 에 넣어보았다. iframe test1 문자는 약간씩 변경했었고, iframetest1 안에 iframetest2 창이 들어가는 것을 볼 수 있다. 하지만 세로를 꽉채우고 싶어서 widht : 100% 를 했으나, 100%가 적용 되지 않아서 찾아보니 iframe의 경우는 style = width 에다가 100% 대신 100vh를 넣으면 된다고 한다. 이것이 늘어난 결과! viewport height, viewport width의 줄임말로서 vh, vw로 이용되고 있다. 참고하기 좋은 글도 복사해 왔다. [CSS] iframe height:100%가 안될 때 vi..

HTML, CSS 2021.07.09

글자 빼고 배경만 투명하게 하고 싶을 때 (opacity 아님 주의)

여태껏 opacity로 배경색 조정하는 건 알고 있었다만 늘 글자색 적용이 안돼서 어떻게 하는 건가 했는데.... 그건 opacity로 하면 안돼고 그냥 배경 색상을 투명한 거로 설정했어야 했다...!!!!! 배경의 투명도 만약 배경만 투명하게 하고 글자는 투명하지 않게 하려면 opacity 속성을 쓰지 말고, 배경색을 RGBA 색상을 이용하여 정합니다. Lorem 투명한 색상값 찾는 법 구글에 치면 나온다! 출처 : www.codingfactory.net/10825

HTML, CSS 2021.01.28
반응형