如何在jquery移动网页周围创建边框？

Question

我基本上试图在下面的图片中创建一个类似的移动网页类型，页面边缘周围有相同的边框和边距：

如果您注意到整个页面如何被页面其余部分的某种边距包围并保持原位。我不确定是什么控制它。

我从interwebz中删除了这个，但这就是典型的jquery移动页面看起来如此：

我正在试图弄清楚如何添加边距，但我意识到我不知道如何更改CSS来控制实际的块本身。

在我现在正在处理的jquery移动页面中，为了显示“标题”，它在代码中显示为：

<div data-role="header">

然后对于整个“页面”本身，除了数据角色和div id是页面之外它是相同的。有没有人有jquery mobile的经验，谈论正确的方法来做到这一点。我会粘贴CSS，但我甚至不赞成这个“数据角色”概念及其含义，我习惯于“id”和“class”，我不知道如何控制盒子本身。

有人能引导我朝正确的方向前进吗？

Answer 1

您可以在脚本中编辑该div吗？

怎么样？

$('div[data-role=header]').addClass('foo');

然后你可以将你喜欢的任何CSS应用到.foo