如何使用CSS将框样式应用于xhtml文档？

我正在使用CSS编写一个xhtml文档，其中我必须在整个页面上应用框模型，并在页面中包含一个图像。虽然该页面还将包括其他文本等。我很难弄清楚如何将框样式应用于该页面。请帮忙

长方体模型解释了边距、填充、边框和元素大小如何一起渲染图像，仅供参考。下面是如何编写CSS来设置页面主体元素的边框、填充和边距：

body {
    margin: 5px;
    padding: 10px;
    border: 1px solid #000000;
}

这将给你一个5像素的边距，一个1像素的黑色实体边框，以及一个10像素的内部焊盘

上面的CSS以body标记为目标。你只有一个body标签，所以你不需要比这个更具体。不过，你可能有很多图像，只想在其中一个周围有一个预兆。您需要用id或类标记“特殊”图像，以便选择它。以下是两个例子：

<img src="image.jpg" id="myImage" />
<img src="image2.jpg" class="borderImage" />

这只是如何设计CSS规则的开始。就像我建议的，试试CSS教程。以下是MDN CSS教程：

---

这是另一个来自Tizag的。对于新手来说，这可能更容易理解：

你所说的方块风格是什么意思？您是否试图为某些元素添加边框？我计划添加边框、填充和边距，它们共同构成长方体样式或长方体模型。但是，我不知道如何将这种框样式（或框模型）添加到整个页面或特定元素（例如图像）中？听起来您可能需要一个CSS工作原理的基本教程。我看看能不能帮上忙。很好，我很高兴能帮上忙。尝试一些教程。CSS可以产生一些奇妙的结果，你可以通过几节关于它如何工作的课程来跳过很多挫折。至少对我来说，这可能是web开发中最有趣的部分。

#myImage {
    padding: 8px;
    margin: 2px;
    border: 2px dashed #AB34CD;
}

img.borderImage {
    padding: 4px;
    margin: 3px;
    border: 3px dotted green;
}