change color

change color


  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4.  <head>
  5.   <style type='text/css'>
  6.     p {  background:#dad; font-weight:bold; font-size:17px; margin-bottom: 10px;}
  7.   </style>
  8.    <script src="http://code.jquery.com/jquery-latest.js"></script>


  11. <script type='text/javascript'>//<![CDATA[ 
  12. $(function(){
  13. $("button").on('click', function () {
  14.     $(this).next('.content').find('p').slideToggle();
  15. }).click();
  16. });//]]>  

  18. </script>
  19.  </head>

  21.    <button style="width: 651px; height: 42px;">
  22.          <font size="6">
  23.            "בסיס - "על המערכת
  24.          </font>
  25.    </button>

  27. <div class="content">
  28. <p><a href="https://www.google.co.il/" target="_blank">2</a></p>
  29. <p><a href="https://www.google.co.il/" target="_blank">3</a></p>
  30. <p><a href="https://www.google.co.il/" target="_blank">4</a></p>
  31. <p><a href="https://www.google.co.il/" target="_blank">5</a></p>
  32. <p><a href="https://www.google.co.il/" target="_blank">6</a></p>
  33. <p><a href="https://www.google.co.il/" target="_blank">7</a></p>
  34. <p><a href="https://www.google.co.il/" target="_blank">8</a></p>
  35. <p><a href="https://www.google.co.il/" target="_blank">9</a></p>
  36. <p><a href="https://www.google.co.il/" target="_blank">10</a></p>
  37. <p><a href="https://www.google.co.il/" target="_blank">11</a></p>
  38. <p><a href="https://www.google.co.il/" target="_blank">12</a></p>
  39. <p><a href="https://www.google.co.il/" target="_blank">13</a></p>
  40. <p><a href="https://www.google.co.il/" target="_blank">14</a></p>
  41. <p><a href="https://www.google.co.il/" target="_blank">15</a></p>
  42. </div>

  44.    <button style="width: 651px; height: 42px;">
  45.          <font size="6">
  46.             "בסיס - "על המערכת
  47.          </font>
  48.    </button>
  49. <div class="content">
  50. <p><a href="https://www.google.co.il/" target="_blank">2</a></p>
  51. <p><a href="https://www.google.co.il/" target="_blank">3</a></p>
  52. <p><a href="https://www.google.co.il/" target="_blank">4</a></p>
  53. <p><a href="https://www.google.co.il/" target="_blank">5</a></p>
  54. <p><a href="https://www.google.co.il/" target="_blank">6</a></p>
  55. <p><a href="https://www.google.co.il/" target="_blank">7</a></p>
  56. <p><a href="https://www.google.co.il/" target="_blank">8</a></p>
  57. <p><a href="https://www.google.co.il/" target="_blank">9</a></p>
  58. <p><a href="https://www.google.co.il/" target="_blank">10</a></p>
  59. <p><a href="https://www.google.co.il/" target="_blank">11</a></p>
  60. <p><a href="https://www.google.co.il/" target="_blank">12</a></p>
  61. <p><a href="https://www.google.co.il/" target="_blank">13</a></p>
  62. <p><a href="https://www.google.co.il/" target="_blank">14</a></p>
  63. <p><a href="https://www.google.co.il/" target="_blank">15</a></p>
  64. </div>

  66.    <button style="width: 651px; height: 42px;">
  67.          <font size="6">
  68.             "בסיס - "על המערכת
  69.          </font>
  70.    </button>
  71. <div class="content">
  72. <p><a href="https://www.google.co.il/" target="_blank">2</a></p>
  73. <p><a href="https://www.google.co.il/" target="_blank">3</a></p>
  74. <p><a href="https://www.google.co.il/" target="_blank">4</a></p>
  75. <p><a href="https://www.google.co.il/" target="_blank">5</a></p>
  76. <p><a href="https://www.google.co.il/" target="_blank">6</a></p>
  77. <p><a href="https://www.google.co.il/" target="_blank">7</a></p>
  78. <p><a href="https://www.google.co.il/" target="_blank">8</a></p>
  79. <p><a href="https://www.google.co.il/" target="_blank">9</a></p>
  80. <p><a href="https://www.google.co.il/" target="_blank">10</a></p>
  81. <p><a href="https://www.google.co.il/" target="_blank">11</a></p>
  82. <p><a href="https://www.google.co.il/" target="_blank">12</a></p>
  83. <p><a href="https://www.google.co.il/" target="_blank">13</a></p>
  84. <p><a href="https://www.google.co.il/" target="_blank">14</a></p>
  85. <p><a href="https://www.google.co.il/" target="_blank">15</a></p>
  86. </div>


  89.  <body>
  90.   
  91.  </body>
  92. </html>

how can i change the color from pink to gray
and how can i local the buttons in the center