Jquery mobile 如何在jQuery中更改背景颜色

下面是我的jquery示例代码，它使用默认视图。如何更改背景色？还有按钮颜色吗？如何使用自定义css文件请告诉我 jquerymobile简介

    <div data-role="page">

        <div data-role="header">
           <h1>Facebook Friends</h1>
        </div><!-- /header -->

        <div data-role="content">
           <p>

           <ul data-role="listview" data-inset="true">

              <li>
              <a href="index.html">Get Friends</a>
              </li>

              <li>
              <a href="index.html">Post to Wall</a>
              </li>

              <li><a href="index.html">Send Message</a></li>
           </ul>

           </p>

        </div><!-- /content -->

        <div data-role="footer">
        </div><!-- /footer -->
    </div><!-- /page -->

</body>
         </html>

Facebook好友









    <div data-role="page">

        <div data-role="header">
           <h1>Facebook Friends</h1>
        </div><!-- /header -->

        <div data-role="content">
           <p>

           <ul data-role="listview" data-inset="true">

              <li>
              <a href="index.html">Get Friends</a>
              </li>

              <li>
              <a href="index.html">Post to Wall</a>
              </li>

              <li><a href="index.html">Send Message</a></li>
           </ul>

           </p>

        </div><!-- /content -->

        <div data-role="footer">
        </div><!-- /footer -->
    </div><!-- /page -->

</body>
         </html>

试着用电动工具。可在此处访问：

    <div data-role="page">

        <div data-role="header">
           <h1>Facebook Friends</h1>
        </div><!-- /header -->

        <div data-role="content">
           <p>

           <ul data-role="listview" data-inset="true">

              <li>
              <a href="index.html">Get Friends</a>
              </li>

              <li>
              <a href="index.html">Post to Wall</a>
              </li>

              <li><a href="index.html">Send Message</a></li>
           </ul>

           </p>

        </div><!-- /content -->

        <div data-role="footer">
        </div><!-- /footer -->
    </div><!-- /page -->

</body>
         </html>

设置自定义主题并尝试将此行添加到index.html的标题：

    <div data-role="page">

        <div data-role="header">
           <h1>Facebook Friends</h1>
        </div><!-- /header -->

        <div data-role="content">
           <p>

           <ul data-role="listview" data-inset="true">

              <li>
              <a href="index.html">Get Friends</a>
              </li>

              <li>
              <a href="index.html">Post to Wall</a>
              </li>

              <li><a href="index.html">Send Message</a></li>
           </ul>

           </p>

        </div><!-- /content -->

        <div data-role="footer">
        </div><!-- /footer -->
    </div><!-- /page -->

</body>
         </html>

<link rel="stylesheet" href="css/themes/my-custom-theme.css" />

它应该会起作用。 如果要以其他方式更改背景，请尝试将以下行添加到页面div中：

    <div data-role="page">

        <div data-role="header">
           <h1>Facebook Friends</h1>
        </div><!-- /header -->

        <div data-role="content">
           <p>

           <ul data-role="listview" data-inset="true">

              <li>
              <a href="index.html">Get Friends</a>
              </li>

              <li>
              <a href="index.html">Post to Wall</a>
              </li>

              <li><a href="index.html">Send Message</a></li>
           </ul>

           </p>

        </div><!-- /content -->

        <div data-role="footer">
        </div><!-- /footer -->
    </div><!-- /page -->

</body>
         </html>

<style>body {background-color:#b0c4de;}</style>

body{背景色：#b0c4de；}

先读一读JQM怎么样？但是告诉我如何使用自定义css文件？