기본 소스 : happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기본 소스

현재접속자 명

it 서비스 사업 및 프로그램등 다양한 분야의 정보 happycgi에서 공유하세요

실제 사용후 테스트한 믿을만한 자료입니다.

배경만 반투명하게 처리하는 rgba CSS 활용하기

조회수 : 2,670건

div가 아닌 특정 배경만 반투명으로 처리할때, 항상 png를 사용했다면, rgba 속성을 활용해보세요. 색상만 ...

https://codepen.io/argyleink/pen/ZYQbroz

조회수 : 258건

그리드 안의 박스 개수 변화에 따라 레이아웃이 유연하게 재배치되는 기능

글자 자르기css (ellipsis,white-space:nowrap)

홈페이지내 제목이 길경우 ... 으로 표시하는 유용한 글자자르기...

단순함을 벗어난 입체감의 폼디자인 CSS

아주 간단한 CSS이지만 초급자를 위한 팁정보! 단순함을 벗어나...

원형 구조로 배치된 인포그래픽 UI 패턴

여러 개의 정보를 원형 형태로 배치해 시각적으로 정리된 구조를...

SVG와 CSS-Doodle을 활용해 만들수 있는 클래식 기하학 패턴

SVG와 CSS-Doodle을 활용해 화면 전체에 반복되는 클래식 기하학...

미리보기

내용

평점

[기본 소스] CSS로 input 박스 클릭시 생기는 테두리 없애기 input:focus

인풋박스를 클릭하여 값을 입력할 떄 생기는 테두리를 없앨 수 있는 CSS소스를 알려드립니다. focus를 활용하여 테두리를 지울 수 있습니다.

해피팀

네티즌

조회수

103,213 건

[기본 소스] 마우스로 드래그 했을때의 파란 색상 변경하는 ::selection CSS

브라우저를 사용할때 마우스로 드래그하면 기본적으로 나오는 파란색을 확인하실 수 있는데요. 이 기본 푸른색상을 CSS로 변경이 능합니다. selection...

해피팀

네티즌

조회수

6,174 건

[기본 소스] 자주 쓰이는 px, em 변환 단위 정리표

웹사이트 코딩시 자주 쓰이는 폰트에 대해 px와 em을 간단히 정리한 표를 고융해드립니다. 소수점 단위라 코딩시에 매번 까먹게 되는데 유용하게 쓰실...

해피팀

네티즌

조회수

4,891 건

[기본 소스] CSS Checkbox Library

재미있고 다양한 체크박스 형태를 만나보세요

해피팀

네티즌

조회수

5,338 건

[기본 소스] https://speckyboy.com/content-overlays-css3-transitions/

컨텐츠를 현재 페이지의 오버레이 상태로 불러오는 UI

해피팀

네티즌

조회수

3,544 건

[기본 소스] CSS Selector 다양하게 활용가능한 CSS 선택자 알아보기

CSS는 다양한 선택자를 통해 요소를 선택할 수 있습니다. 몰랐던 선택자를 통해 다양한 CSS를 직접 구현해 보시길 바랍니다.

해피팀

네티즌

조회수

4,595 건

[기본 소스] Placeholder

html 버전이 올라가면서 이번에 새롭게 생긴 속성중 palceholder가 있습니다. 이 태그의 역활은 인풋박스에 광고문구나 특정키워드 또는 해당 입력란...

해피팀

네티즌

조회수

5,106 건

[기본 소스] Css3를 아주 간단하게 만들어 봅시다

코딩시 필수 CSS3를 자동으로 작성해줍니다. 매번 기억이 나지않는 코드를 검색하느라 시간을 다보낼수도 있는데. 위 사이트에서 원하는 항목을 클릭...

해피팀

네티즌

조회수

5,136 건

[기본 소스] 미디어쿼리(반응형 CSS)에 대한 정보제공 사이트

다양한 디바이스, 해상도에 맞춰 미디어쿼리로 제작된 사이트 샘플을 제공하는 미디어쿼리 참고 샘플사이트입니다.

해피팀

네티즌

조회수

4,262 건

[기본 소스] CSS3를 이용하여 점선 라인 만들기

이미지료 표현해야했던 좀 더 디자인스러움이 가미된 점선라인을 CSS3에서 dashed 스타일을 보강하여 사용할 수 있습니다.

해피팀

네티즌

조회수

6,224 건

[기본 소스] 간단한 동영상 강의 부터 샘플 소스까지! css-tricks.com

해외 사이트지만 기초 소스 동영상 강의등 많은 자료들을 무료로 사용하실수가 있습니다^^

해피팀

네티즌

조회수

3,691 건

[기본 소스] 소스 의 기초부터 잘 설명이되어 있는 webstoryboy

html 소스는 물론이고 css에대한 정보가 가득합니다. 초보들도 알기쉽게 잘 정리 되어 있는 사이트입니다.^^

해피팀

네티즌

조회수

5,039 건

[기본 소스] html5 기초부터 배울수 있는 html5-tutorials

html5 기초부터 배울수 있는 사이트입니다. 초보자분들에게는 이만한 사이트도 없을것입니다.

해피팀

네티즌

조회수

3,937 건

[기본 소스] 한줄이상 콘텐츠에 ellipsis 적용이 가능한 라이브러리입니다^^

ellip 소스는 크로스브라우징이 되지 않는관계로 모바일에만 주로 사용했지만. 크로스 브라우징이 가능한 ellip 라이브러리임으로 PC웹에서도 사용이...

해피팀

네티즌

조회수

4,586 건

[기본 소스] CSS 핵 적용방법 (CSS Hack) 안내

브라우저의 구현 차이나 버그를 이용하여 CSS의 적용대상에서 일부 브라우우저를 제외하거나, 특정 브라우저만을 대상으로 CSS를 적용하는 방법을 'CS...

해피팀

네티즌

조회수

5,473 건

[기본 소스] html 부터 자바스크립트까지 초보들도 쉽게 이해할수 있는 사이트!

html 부터 자바스크립트까지 초보들도 쉽게 이해할수 있는 사이트! 누구든지 무료로 자료를 확인하고 볼수 있어요~

해피팀

네티즌

조회수

7,240 건

[기본 소스] CSS에 대한 규칙과 정확한 명칭을 알려주는 사이트

CSS에 대한 규칙과 정확한 명칭을 알려주는 사이트입니다. css작업시 참고하실수 있습니다.

해피팀

네티즌

조회수

4,206 건

[기본 소스] 부드럽고 귀여운느낌의 타이포효과 CSS3

CSS3를 이용한 부드럽고 귀여운 느낌의 타이포효과입니다.

해피팀

네티즌

조회수

8,082 건

[자유링크소스] codefactory.kr 웹개발에 필요한 정보

코트팩토리 | 웹개발에 필요한 정보 HTML, CSS, JavaScript, PHP 등의 정보를 다루고 있습니다.

해피팀

네티즌

조회수

5,071 건

[기본 소스] 단순함을 벗어난 입체감의 폼디자인 CSS

아주 간단한 CSS이지만 초급자를 위한 팁정보! 단순함을 벗어나 입력폼에 배경이미지를 지정하여 입체감 있는 스타일로 만든 소스입니다. 단순한...

해피팀

네티즌

조회수

11,015 건

1 234