묻고답하기

이미지에 보이는곳에 마우스오버를 하면 블루컬러가 나오는데

나오기 전에 흰색 박스부분들을 각자 다른 이미지를 삽입하고싶어요.

스크린샷 2015-07-08 오전 10.48.29.png


/* section.main3 */
.main_content .main3{width:100%;margin:0;height:450px;padding-top:0px;}
.main_content .main3 .noti,
.main_content .main3 .tit,
.main_content .main3 .cont{width:1200px;margin-left:auto;margin-right:auto}
.main_content .main3 .cont{font-size:15px;line-height:27px;}
.main_content .main3 ul{overflow:hidden;margin-top:-50px;padding:0 20px}
.main_content .main3 li{float:left;width:25%;height:480px}
.main_content .main3 li .fe_box{height:400px;margin:0 5px;padding:0 10px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}

 

.main_content .main3 .fe_box h2{font-size:21px;color:#555;font-weight:normal}
.main_content .main3 .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6}
.main_content .main3 .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.main_content .main3 .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a}
.main_content .main3 .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
.main_content .main3 .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.main_content .main3 .fe_box.on{background-color:#cda25a}
.main_content .main3 .fe_box.on .fe_top{top:-104px}
.main_content .main3 .fe_box.on .fe_bottom{top:-67px}
.main_content .main3 .fe_box.on h2{color:#f6f6f6}

 

 

소스에서 밑줄친빨간 부분이 흰색박스에 컬러를 변경하는 부분인데요

저기에서 컬러를 지정하면 한번에 컬러가 4개 다 바뀌는데 여기에서 각각 따로 하려면 어떻게 해야하는지 ㅠㅠ고수님들 도와주세용..

 

 

태그 연관 글
  1. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
  2. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  3. [2018/11/15] 묻고답하기 아이디찾기 jsp파일 문의 드립니다. by hgh0328 *1
  4. [2018/06/12] 묻고답하기 레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ by tosky****
  5. [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 by 예스24 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
싸나이냥꼬 이거 수동 업데이트 하는 방법 맞죠?;;; [3] 2015.07.08 by 싸나이냥꼬
KANIHEX 회원 정보 가입/수정 오류 [2] file 2015.07.08 by KANIHEX
히비치 내 계정말고 타인 트위터 실시간으로 불러오는 위젯은 없나요 ? file  
히비치 위젯페이지에 이미지 눌렀을때 안뜨게 하는법 / 가운데정렬 [6] 2015.07.08 by 히비치
멜휘 팝업에 스크롤이 생기게 하고싶습니다.  
우랑탕탕이 에디터 상단 정렬 에러 [1] file 2015.07.08 by 불금
썰레발리오 DB에 직접 게시물을 대량 등록한 이후 댓글 에러가 생겼습니다. 도와주세요. [4] 2015.07.08 by 썰레발리오
www**** 스케치북5 방명록형에 대해서 질문드립니다. [2] file 2015.07.08 by www****
항순 정말 간단한 질문인데 초보자라서.. 질문드립니다.. [5] 2015.07.08 by 파워뭉치
DjK1LLeR srchat 대화방 멤버에게 포인트 선물하기 방법은? [1] 2015.07.08 by 불금
닉쿤이얌 파일 첨부시 Error Code: HTTP Error, File name ... Message: 500 [2] file 2015.07.08 by 닉쿤이얌
KimJaeMinFD $oModuleController = getController('module') 이 부분 이해가 잘 안되서 [1] 2015.07.08 by GG
ADAMPARK 호스팅거에서 xe를 설치하는거 나름 정리해 봤습니다.  
홈페이지어려워요 아이프레임을 사용해서 최신글을 끌어왔는데 링크를 top으로 돌리는 방법있나요?  
버엄 데이터 들여오기가 이상합니다. [1] 2015.07.08 by YJSoft
Hi_Roy 제 제로보드4 게시판 소스 내 보안서버 도메인과 포트 번호를 객체화 할 수 있는 방법을 알고 싶습니다. file  
moo360 웹콘 RoundAbout Slider 위젯 있으신분  
맥문동 카르마님 제작 이미지 프로세스 모듈은 어디서 구할 수 있나요? [4] 2015.07.08 by jake
PARKJUNOH xe 게시판에 관련하여 여쭙습니다~ [4] 2015.07.08 by PARKJUNOH
착한악마 1.8.4 에서 CKEditor 썸네일 지정은 어떻게 해야 하죠?? [3] 2015.07.08 by 착한악마
포월드 Xe 업그레이드 되면서 금지된 닉네임때문에 회원가입 불가 [2] 2015.07.08 by 기진곰
처음인걸 홈페이지에서 동영상올리게 하는 방법이 없나요  
홈페이지어려워요 최신글 위젯 클릭시 연결 file  
CEO송선생 기존에 설치된 mysql 을 mysqli로 변환하는 방법 [4] 2015.07.08 by YJSoft
棲夏 설치시 관리자 정보 입력을 하면 웹사이트에서 페이지를 표시할 수 없다고 나옵니다. [1] 2015.07.08 by 히비치
대각세존 워드프레스 페이지 관리처럼 XE에서는 페이지 관리 따로 안되나요? [2] 2015.07.08 by 대각세존
대각세존 시놀로지 자체 서버에서 이미지 업로드가 되지 않습니다! [2] file 2015.07.08 by 대각세존
대각세존 PC 레이아웃을 모바일에서도 그대로 보이게 하고 싶습니다. [2] 2015.07.08 by 대각세존
naomiblack 박스모듈에 이미지삽입 file  
naomiblack 도와주세요.... ㅠㅠ 기존에 구축된 페이지에 XE를 넣으려고 하는데요... [3] 2015.07.08 by naomiblack