2016-05-05 4 views
0
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta name="description" content=""> 
<meta name="author" content=""> 
<title>Main Website</title> 
<link href="css/main.css" rel="stylesheet"> 
</head> 



    <body> 
    <nav> 
    <div> 
     <div> 
      <ul> 
       <li><a class="active" href="index.html">Home</a></li> 
       <li><a href="mens_clothing.html">Mens Clothing</a></li> 
       <li><a href="women_clothing.html">Womens Clothng</a></li> 
       <li><a href="boys_clothing.html">Boys Clothing</a></li> 
      </ul> 
     </div> 

    </div> 

</nav> 


<div class="container"> 

    <div> 


     <div> 

      <div class="accordion"> 
        <ul> 
         <li> 
          <div class="caption"><a href="#">Slide 1</a></div> 
          <a href="#"> 
         <img src='Slider_Image1.jpg'/></a> 
         </li> 

        <li> 
          <div class="caption"><a href="#">Slide 2</a></div> 
          <a href="#"> 
         <img src='Slider_Image2.jpg'/></a> 
         </li> 

        <li> 
          <div class="caption"><a href="#">Slide 3</a></div> 
          <a href="#"> 
         <img src='Slider_Image3.jpg'/></a> 
         </li> 

        </ul> 
      </div> 

      </div> 

      <div> 

       <div class="centre , fade ,"> 
        <div class="thumbnail"> 
        <a href="Nike_Shoes1.html"> 
         <img src="Image1.jpg" alt=""> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="Nike_Trainers.html"> 
         <img src="Image2.jpg" alt=""> 

        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <img src="Image3.jpg" alt=""> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="new.html"> 
         <img src="Mens_Clothing.jpg" alt="Mens Clothing"> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="women_clothing.html"> 
         <img src="Womens_Clothing.jpg" alt="Womens Clothing"> 
        </div> 
       </div> 


       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="boys_clothing.html"> 
         <img src="Boys_Clothing.jpg" alt="Boys Clothing"> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <img src="Converse_clothing.jpg" alt="Converse Clothing"> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <img src="Adidas_clothing.jpg" alt="Adidas Clothing"> 
        </div> 
       </div> 

       </div> 

      </div> 

     </div> 

    </div> 

</div> 


<div> 
    <!-- Footer --> 
    <footer> 



    </footer> 

</div> 

CSSデュアル背景には、ここで

を発行し、私が開発していると私は、背景用画像を追加しようとしているウェブサイトのコードです。私が探しているのは、ウェブページの両側に2つの画像を追加することです。これは、私の背景としてイメージを追加しようとしているときに、これについてどうやって行くのか分かりません。白い領域が見えます。 、どんな助けもありがとう。

答えて

0

イメージエディタを使用して2つのイメージを1つのイメージにマージし、マージしたイメージを背景として設定することをお勧めします。

0

2つの画像を一緒に塗りつぶして背景として使用してください。