햇볕이 드는 영어

。블로그 데코 2014. 2. 13. 01:59

텍스트 위로 마우스를 드래그 하면 텍스트 블록 색상이 파란색 배경에 하얀색 폰트로 보여집니다. 일부 웹사이트에서 기존의 색상이 아닌 색으로 변경하여 전체적인 디자인의 조화를 맞추는 경우를 종종 볼 수 있습니다. 개인 홈페이지의 성격과 어울리는 색상으로 변경해 본인만의 특별함을 강조해 보면 어떨까요?

효과적용시

변경하면 아래와 같이 색상이 변경됩니다. (변경전) 파란색 배경에 하얀색 폰트 -> (변경후) 연두색 배경에 하얀색 폰트

이렇게 해보자

1. 색상코드 챠트를 이용해 색상을 선정한다.

제가 자주 이용하는 컬러 코드 확인 사이트입니다. 즐겨찾기 해 두시고 사용하시면 편리합니다. 포토샵과 유사한 인터페이스로 편리합니다. HTML Color Picker : http://html-color-codes.info/

2. 아래의 소스코드를 다운받는다

마우스 드래그_블록 설정 소스 코드.txt

예제 소스 코드 설명

/*-- 블록 설정 색상 start--*/

::-moz-selection{
          background: #A1E0E0 ;            드래그 시 배경 색상    (예: 애매랄드빛 녹색)
          color: #707070 ;                      텍스트(폰트) 색상       (예: 진회색)
}
::selection{
          background: #A1E0E0 ;           드래그 시 배경 색상    (예: 애매랄드빛 녹색)
          color: #707070 ;                     텍스트(폰트) 색상       (예: 진회색)

}