列表样式
在移动页面应用中，列表样式是十分普遍的，因为它们很容易地导航。在jQuery Mobile中，使用列表很简单，只需要在data-role中指定为listview即可，如下代码所示：
<ul data-role="listview" data-inset="true" data-theme="f">
<li><a href="#">Title name</a></li>
<li><a href="#">Title name</a></li>
<li><a href="#">Title name</a></li>
</ul>
<li><a href="#">Title name</a></li>
<li><a href="#">Title name</a></li>
<li><a href="#">Title name</a></li>
</ul>
默认的样式如下图所示：
如果要上面的列表实现圆角效果的话，可以增加data-inset属性，并将其属性值设置为true即可，如下效果图，出现了圆角：
同样，为列表增加样式也十分简单，只需要设置data-theme属性的值为样式的名称即可，比如同样增加样式f，定义样式f如下：
.ui-listview .ui-btn-up-f a,
.ui-listview .ui-btn-down-f a,
.ui-listview .ui-btn-hover-f a {
color: #fff;
}
.ui-listview .ui-btn-down-f a,
.ui-listview .ui-btn-hover-f a {
color: #fff;
}
这里，设定了文字的颜色为白色，并且使用ui-btn-up-f，ui-btn-down-f，ui-btn-hover-f设置了列表选项的三种不同状态(up,down,hover)。
