我正在使用CSS编写xhtml文档,在该文档中,我必须在整个页面上应用框模型,并且必须在页面中包含图像。尽管该页面还将包含其他文本等。但是我很难弄清楚如何在此页面上应用方框样式。请帮忙 !

最佳答案

盒子模型说明了边距,填充,边框和元素大小如何一起呈现图像FYI。这是编写CSS来在页面的body元素上设置边框,填充和边距的方法:

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


这将为您提供5像素的边距,黑色的1像素实线边框和内部的10像素填充。

上面的CSS以body标签为目标。您将只有一个身体标签,因此您不必再有那么具体了。但是,您可能有很多图像,并且只想在其中一个图像周围放置boder。您需要使用ID或类标记“特殊”图像,以便可以选择它。这是两个示例:

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


现在,您可以使用找到所需图像的选择器来设置CSS以查找那些特殊图像:

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

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


这仅仅是设计CSS规则的开始。就像我建议的那样,请尝试CSS教程。这是MDN CSS教程:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started
这是蒂扎格的另一个。新手可能会更容易使用它:http://www.tizag.com/cssT/

10-05 20:26
查看更多