블로거 이미지가 텍스트 코드 위에 마우스를 올려 놓음으로 단순화

Question

이상 마우스를 가져 가면 텍스트가 나타나는 이미지로 가득 찬 블로그 페이지를 만들고 싶습니다. blogger.com을 사용하고 있습니다.

나는 그것이 호랑이이 게시물에서 (이미지 호버 오버레이)처럼 표시해야하고 싶습니다

: http://www.corelangs.com/css/box/hover.html

또는이 게시물의 폭포 (표시 문자) : 난 http://www.gadgetronicx.com/p/blog-page_9.html

• html로는 좋지 않지만 반복 할 필요가없는 방법이 있습니까? 모든 이미지에 대해 동일한 코드가 사용됩니까?
• 이미지를 페이지의 가운데에 배치하려면 어떻게해야합니까?
• 같은 줄에 두 개의 이미지를 얻으려면 어떻게해야합니까? 나는 HTML에 아주 좋은 아니에요하지만 난 모든 이미지에 동일한 코드를 반복하지 않는 방법이

Answer 1

1. ?
2. 이미지를 페이지의 가운데에 배치하려면 어떻게해야합니까?
3. 같은 줄에 두 개의 이미지를 얻으려면 어떻게해야합니까? 위의 질문에 대한 간단한 답변을

:

1. 예. 모든 이미지를 쓸 필요가 없습니다. 아래와 같이 사용할 수 있습니다. 모든 이미지가 "divmainid"라는 ID를 가진 div 아래에 있다고 가정합니다.

   #divmainid img 
   { 
       #image styles are goes here. 
   } 
   

2. 당신이 사용할 수있는 "텍스트 정렬 : 센터"사업부의 영역 "0 픽셀 자동 마진"또는.

3. 당신이 할 수있는 많은 방법. 간단한 방법은 이미지 주위의 div에 "display : inline-block"을 지정하는 것입니다.