Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我如何把我的内容放在一个盒子里?_Html_Css - Fatal编程技术网

Html 我如何把我的内容放在一个盒子里?

Html 我如何把我的内容放在一个盒子里?,html,css,Html,Css,我不熟悉HTML和CSS,但我已经创建了一个基本的网站,顶部有一个小菜单,包含指向不同页面的链接,如“主页”、“关于”和“联系人”。该网站将只包括信息和图片,所以它足够好 不管怎样,我觉得如果我能把内容放在一个盒子里,并在侧面有背景,网站会看起来更好,因为即使在字母上加上黑色的轮廓,文本也不会显示得那么好。我想做的基本上是把我的菜单、徽标和文本放在一个盒子里,就像这个网站:(我不记得有这样设计的英文网站,但我想它不重要。)最好在边框上加一个阴影 那我该怎么做呢?我在网上搜索过,但我不知道到底要搜

我不熟悉HTML和CSS,但我已经创建了一个基本的网站,顶部有一个小菜单,包含指向不同页面的链接,如“主页”、“关于”和“联系人”。该网站将只包括信息和图片,所以它足够好

不管怎样,我觉得如果我能把内容放在一个盒子里,并在侧面有背景,网站会看起来更好,因为即使在字母上加上黑色的轮廓,文本也不会显示得那么好。我想做的基本上是把我的菜单、徽标和文本放在一个盒子里,就像这个网站:(我不记得有这样设计的英文网站,但我想它不重要。)最好在边框上加一个阴影

那我该怎么做呢?我在网上搜索过,但我不知道到底要搜索什么


提前感谢。

您需要做的是,将
标签的所有内容包装在一个包装器中,如:

<div id="wrap">
  <!-- Everything inside body. -->
</div>
您可以将
bg.jpg
替换为您选择的背景

之前的一个例子是:

正文{
背景:url(“http://thumbs.dreamstime.com/x/grunge-tiled-background-6169673.jpg)中心重复;
保证金:0;
填充:0;
}
#包裹{
宽度:80%;
保证金:自动;
背景:#fff;
溢出:隐藏;
填充:15px;
}

欢迎来到我的网站
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本


没有您当前的代码,我们真的帮不了您much@Minzkraut但这是可以帮助的<代码>:)但我们都很懒,不想一无所有地开始。。。正常情况下为什么?我只是想知道为了实现这一点,我需要什么类型的代码。我没有任何div或任何您可以添加任何内容的内容。我需要从头开始。是的!这就是我要找的,我花了一点时间才把它做好,但它似乎工作得很好。以前我只是在我的背景图像上用Photoshop处理了一个白色的部分,看起来就是这个部分,但是过了一段时间我意识到文本不会随着背景移动,所以如果最小化窗口,文本的一半会在框中,另一个文本会移到框外。有没有可能给它添加一个阴影?我猜它应该在CSS中工作,对吗?@KnugenavSwärje您希望背景保持在原来的位置吗?