在HTML中围绕身体创建一个白色的身体

时间:2014-03-14 20:46:38

标签: html css html5

我刚开始学习HTML以获得暑期实习机会。当我浏览HTML.net的教程时,我正在编写一个HTML注释页面,我有一个关于在文本正文周围放一个白框的问题。我目前正在学习CSS,刚刚完成了HTML5的基础知识,并且我的页面有蓝色背景,但我希望我的文本正文是白色的,因此很容易阅读。我的文本正文以800px为中心

3 个答案:

答案 0 :(得分:2)

您可以通过多种方式实现这一目标。即使我没有看到你的代码,我也会给你一个答案。希望您能将此与您自己的代码联系起来。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<style>

body {
    background-color: blue;
}

.mainContent {
    background-color: white;
    width: 800px;
    text-align: center;
}

</style>
</head>

<body>
    <div class="mainContent">Show your text here.</div>

</body>
</html>

我正在使用CSS来更改页面不同部分的背景颜色。祝好运!我希望这有帮助!

答案 1 :(得分:2)

如果你的意思是“我的文本正文”的文字颜色,那么它可以简单地完成如下:

body{
   background-color: blue;
   color: white;
}

对于学习CSS,此表格应该非常有用:http://overapi.com/css/

答案 2 :(得分:1)

我会这样做:

CSS:

body{
    background-color:#your blue here;
}

.bodyText{
    background-color:#fff;
    width:1000px;
    margin:0 auto;
    padding:20px;
}

HTML:

<div class="bodyText">
    Your text goes in here.
</div>

显然,调整宽度,填充,颜色等以满足您的需求,但这应该可以让您开始。