2014-02-10 4 views
0

좋아, 그래서 여기에 새로운 (프로그래밍에) 나는 잘 모르겠다. 내가 물어볼 질문이 올바르게 말로 표현되어 있거나 의미가 있지만, 여기에 간다.다른 컨테이너와 열의 배경색은 어떻게 변경합니까?

클라이언트의 부트 스트랩 테마로 작업하고 있는데 배경색을 변경하려고합니다. 나는 페이지가 모두 같은 배경색이되기를 원하지 않는다. 특정 행에 나머지 페이지와 다른 배경색을 지정하고 싶습니다. 이것을 어떻게 할 수 있습니까? 내가 원하는 배경색으로 작업하고있는 컨테이너에 고유 한 태그를 추가하려했지만 아무리해도 아무 것도하지 않습니다. 나는 이것이 단순한 무엇인지 알며, 나는이 일을하는 방법에 관해서는 간단한 설명이 필요하다! 도움!

+2

질문에 시도한 코드/html을 입력하면 더 빠르고 나은 응답을 얻을 수 있습니다. – BlackICE

+0

코드를 게시하십시오! –

답변

0

몇 가지 옵션이 있습니다. div의의 배경에 대한 : 당신은 할 수 있습니다 :

<head> 
    <style> 
    body{ 
     background-color: red; 
    } 
    .backg1{ 
     background-color: blue; 
     width: 100%; 
     padding: 10px;} 
    .content{ 
    background-color: white; 
    margin: 10px; 
    width: 80%; 
    height: 100px;} 
</style> 


    </head> 
    <body> 
     <div class="backg1"> 
      <div class="content"> 
      </div> 
     </div> 
    </body> 

만 CSS 속성과 함께 작품이다. 도움을 받으려면 코드를 붙여 넣어야합니다.

0

추가 클래스 = "bgColor가"

처럼 :

<div class="bgColor"> 
.... 
</div> 

귀하의 CSS :

.bgColor{ 
background: #dadada; 
} 
0

것은 당신이 CSS 속성을 추가 할 수있는 custom_style.css에서 모든 스타일을 부여 집단. custom_style.css 내부에서 원하는 배경색을 지정할 수 있습니다. 바로 CSS의 작업입니다. 다른 프로세스 나 절차가 없습니다.

는 #Page 1

/* Include Bootstrap.css and custom_style.css etc */ 
    <body> 
     <div class="container"> 
     <div id="Web_page_home"> 
     ............. 
     </div> 
     </div> 
    /* include JQuery.js and Bootstrap.js */ 

#Web_page_home { background-color:red; } 
    #Web_page_about{ background-color:green; } 

출력은 ㄴ 것이다을 가지고 여기에 2

/* Include Bootstrap.css and custom_style.css etc */ 
    <body> 
     <div class="container"> 
     <div id="Web_page_about"> 
     ............. 
     </div> 
     </div> 
    /* include JQuery.js and Bootstrap.js */ 

#page는 CSS "Custom_style.css"의 작업을 간다 고려 고려 backgorund는 빨간색으로 b이고 다른 페이지 2는 초록색으로 표시됩니다.

아직 이해가 안되면 나는 바이올린을 첨부 할 것입니다.

관련 문제