<hr> 태그 가로선 태그에 색상을 넣는 방법이다

게시글

css 라운드 넣는 방법

태그에 라운드 넣는 방법 solid border-radius:20px 해당라운드 수치임 라운드모양을 실선,점선등으로 표기가능하다 자주사용하는 종류 solid:실선 dotted:짧은 점선 dashed:긴 점선

게시글

text 내에 안내문구 넣는 placeholder 태그

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }

HEX CODE

www.color-name.com

HEX CODE라고 아시나요? 가끔 보이는 232f3e처럼 RGB 모드를 코드로 표현하는 방식입니다. 이 HEX CODE랑 색상 이름을 상호 검색할 수 있게 도와주는 사이트가 있습니다. https://www.color-name.com/ 여기입니다. 디자인 하시는 분들에게는 굉장히 유용한 사이트인데요. 특히 그 엄청난 수의 색상 이름들을 보다 보면 '와, 이 색을 이렇게 표현하는구나.'라는 생각마저 듭니다. 그 많은 색상 이름은 과연 누가 정하는 걸까요. 순간 궁금해지는데요. 어디 디자인국제협회 같은 데에서 정하는 걸까요? 찾아봐도 잘 모르겠네요. 하나의 색상을 찾으면 그와 유사한 다른 색상도 알려주고 보색이나 반대색도 알려줍니다. 그 색상으로 만든 백그라운드나 패턴 다운로드도 지원해 주고 있어요. 해당 색상으로 적당한 인테리어 예상도도 엄청 좋은데요. 괜히 어설프게 시도하지 말고 여기서 직접 컨셉을 잡아보면서 우리 집을 꾸며봐도 무척 좋을 것 같네요. 자기 생일과 관련된 색깔도 알려주고요. 아무튼 기능이 이것저것 많아서 살펴보다 보면 시간 가는 줄 모를 것 같아요.

게시글

shadow 그림자를 넣는 방법입니다

그림자를 넣을때는 box-shadow: 10px 20px 5px #aaaaaa; 를 사용하면된다 box-shadow: (A)px (B)px (C)px (D); A는 left값 B는 top값 C는 그림자의 뿌연정도 D는 색상 위내용을 입력하여 변경하면된다

게시글

input type=text 태그만 별도로 스타일 지정하는 방법

input{display:none;} 이렇게 css선언하게 되면 모든 input 태그는 비노출이된다 text,password,checkbox,radio등등 모두 비노출되는 식이다 그러나 input=text만 별도로 적용하고자 하는경우가 있는데 이때 사용하는 방법이다 input { expression(this.type == "text" ? "none" : font-size:13px) } expression를 통해서 this.type == "text"구분하여 별도록 스타일을 지정할수 있다

게시글

테이블 사이즈 고정하는 css table-layout:fixed

테이블의 내용에 따라 테이블이 유동적으로 변하는 경우가 있다 이때 고정하고 싶은 경우가 있다 이때 사용하는 스타일이다 table-layout:fixed 이걸 사용하면 테이블의 사이즈가 고정되어 내용이 길어질 경우 짤린 부분은 감춰지는 효과가 있다

게시글

단순 텍스트를 이미지로 만드는 방법 (텍스트 이미지 만들기)

단순 텍스트를 이미지로 만드는 방법입니다

게시글

테스트를 깜빡 깜빡 하게 하는 효과

텍스트 깜박이는 효과 만들기이다 jquery,자바스크립트 등으로 만들수 있지만 CSS로 간단하게 만드는 방법이다 class="red_to_blue" 선언만 하면 적용된다