我想在我的应用程序面板上添加一个数字

时间:2014-08-27 09:57:52

标签: html css

enter image description here

我有一个应用程序,我必须实现一个滑动面板,并在我已实现该面板的面板上添加图片,但我无法将图片添加到我在图片中提到的位置。这是我的代码没有CSS和JS。

<body>
<div id="wrapper"> 
  <div id="content">  
      <div class="demo">
        <h2 align="center">DASHBOARD</h2>

  <div> <h3 class="expand"><p>STPCODE NOT REGISTERED</p></h3>         
        <div class="collapse">
            <p>List of unregistered user are here</p>
        </div>         

         </div>      
        <h3 class="expand"><p>TOTAL NUMBER OF REGISTERED USER IN DRAFT MODE</p></h3>
        <div class="collapse">
            <p>List of  user in draft mode are here</p>
        </div>
        <h3 class="expand"><p>TOTAL NUMBER OF PAYMENT INITIATED</p></h3>
        <div class="collapse">
            <p>Total number of users who have their payment initiated</p>
        </div>
        <h3 class="expand"><p>TOTAL NUMBER OF PAYMENT RECIEVED</p></h3>
        <div class="collapse">
            <p>Total number of users who have their payment Recived</p>
        </div>
        <h3 class="expand"><p>TOTAL NUMBER OF PAYMENT DISAPPROVED</p></h3>
        <div class="collapse">
            <p>Total number of users who have their payment disapproved</p>
        </div>
      </div>          
    </div>
</div>

我想在图片中添加的位置添加图片。请帮助

1 个答案:

答案 0 :(得分:0)

Imo你应该多做一些研究,然后再问一些基本的东西,但无论如何你在这里作为一个例子:http://jsfiddle.net/8knmd7pd/

它只是基本用途:

background-image: url();

在jsfiddle中,图像将位于&#34; h3&#34; ...的右侧...如果您想要给出特定位置,请使用px,例如:

background-position: center 200px;