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

我基本上是在尝试创建一个类似于下图的移动网页，在页面边缘具有相同的边框和边距：

如果您注意到整个页面是如何被页面其余部分的某种边距包围的，并将其固定在适当的位置。我不确定是什么在控制它

我从interwebz上复制了这一点，但典型的jquery移动页面就是这样的：

我试图找出如何添加边距，但我意识到我不知道如何更改CSS以控制实际块本身

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

<div data-role="header">

然后对于整个“页面”本身，除了数据角色和div id是page之外，其他都是相同的。有没有人有jquery mobile的经验来讨论正确的方法。我会粘贴CSS，但我甚至不理解这个“数据角色”的概念及其含义，我习惯了“id”和“类”，我不知道如何控制框本身

---

有人能指引我正确的方向吗？

你能在脚本中编辑那个div吗？那怎么办

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

---

然后，您可以应用任何您喜欢的CSS。foo

即使页面比浏览器显示的页面长，您是否希望边距显示？您可以向div添加类或id，这不会导致问题。jQuery mobile使用

data-

属性来增强HTML，并用jQuery mobile生成的HTML替换/包装它。是的，这是一个很小的空白。。看起来可能有2到3个像素。我想让它看起来和它现在的样子相似，外部显示边框，给它一个不同的外观，因为在移动页面中一切都是如此相似。@jeemusu，我在页面元素中添加了15px的边距，类似于：，但ti似乎什么都没做……我有一个类似的问题，在我的例子中，我只想要屏幕边缘的圆角（类似于instagram）。我发现在jQueryMobile中实现它的唯一方法是在站点顶部覆盖一个固定位置的png。不太优雅，但它可以工作。你要如何准确地关闭此标签？“foo”是否只是一个类，比如在样式表上它会说，.foo{}？除了数据角色之外，还有另一个元素：header，它显示了主题。这是整个页面的DIV，我想知道是否可以对整个页面执行此操作？我不太清楚你在问什么。。。你不知道怎么写CSS？您的div已经有一个ID，所以要对其应用样式，您甚至不需要我的代码，只需使用#page{background:red}-或任何您想要应用的样式