본문 바로가기

css380

CSS 위치 지정을 사용하여 네 모서리에 모두 이미지 넣기 웹 페이지의 네 귀퉁이에 자리잡은 이미지를 갖는 것은 매우 멋진 효과가 될 수 있습니다. CSS를 사용하면 다른 페이지 내용에 영향을 주지 않고 이 위치를 쉽게 지정할 수 있습니다. 네 가지를 모두 사용하지 않으려면 사용할 모서리를 선택하고 선택할 수도 있습니다. 여기 기본 이론이 있습니다. #upper_left { position: absolute; top: 0; left: 0; } #upper_right { position: absolute; top: 0; right: 0%; } #lower_left { position: absolute; bottom: 0%; left: 0; } #lower_right { bottom: 0%; right: 0%; position: absolute; } [라이브 예시].. 2021. 9. 22.
CSS 트릭: 고정 위치 이미지로 페이지 하단을 페이드 아웃 저는 fortuito.us 블로그에서 이 미묘한 효과를 정말 좋아합니다. 페이지 하단의 텍스트가 사라지다 페이지 내용을 위아래로 스크롤해도 페이지 하단으로 사라지는 것처럼 나타납니다. 이 작업은 다음과 같이 페이지의 고정된 위치에 있는 투명한 이미지를 사용하여 수행할 수 있습니다. #bottom_fade { z-index: 99; position: fixed; bottom: 0%; background-image: url("bottom-fade.png"); } z 인덱스가 높으면 최상위 계층이 됩니다. [라이브 예시] [다운로드 예제] 2021. 9. 22.
완전히 우스꽝스러운: CSS MySpace 수정 이것은 오래된 뉴스이지만 터무니없기 때문에 다시 방문할 가치가 있다. CSS를 MySpace 페이지에 추가할 수 있습니다. 좋아요. 그런데 어디서 그렇게 하나요? 그들이 내장된 약간의 재미있는 CSS 에디터가 있나요? 테마 에디터 같은 거? 아, 진짜. 프로필의 "내 소개" 섹션에 CSS를 붙여넣어야 합니다. 세상에, 정말 미쳤군. 어쨌든 효과가 있습니다. 간단한 CSS로 MySpace 페이지에 줄무늬를 추가할 수 있었습니다. 2021. 9. 22.
모두를 위한 간단한 무료 템플릿인 홈베이스 이제 막 CSS를 시작하는 단계라면 템플릿을 다운로드하고 여러 가지 작업을 하며 어떤 일이 일어나는지 살펴보는 것이 좋습니다. 하지만 조심해야 할 것은, 어떤 템플릿은 너무 복잡해서 모든 것을 살펴보다가 물에 빠져 죽을 수도 있다는 것이다. 그래도 걱정하지 마, 우리가 널 보호해줄게. 여기 간단한 웹 사이트를 위한 완전한 CSS 템플릿이 있습니다. 다운로드, 수정, 수정 등 원하는 것은 무엇이든지 할 수 있습니다! 홈베이스라고 부르는 이유는 어느 웹 사이트에서나 좋은 출발점이 될 수 있기 때문입니다. 당신이 코더의 달인이라 할지라도, 왜 간단한 설치 작업으로 시간을 낭비하는가? 누구든, 그것을 확인하고 즐기세요! 데모 다운로드 보기 2021. 9. 22.
5,000달러의 장학 기회: 워드프레스 테마 디자인 다니엘 코바흐는 우리에게 학생들을 위한 장학금 기회에 대해 알려주기 위해 편지를 쓴다. 워드프레스 테마를 디자인하면 됩니다. 참가자들은 Paul Stamatiou와 같은 오랜 블로거들에 의해 심사된다. 우승자는 5천 달러를 받고 그들의 테마는 사이트에서 사용됩니다. 참가 신청은 8월 13일 자정까지이며 웹에서 생방송으로 작업해야 합니다. 2021. 9. 22.