Question

我知道这听起来有些令人困惑，但我想知道是否有可能在标题应该是一条粗边框线？

我会尝试通过给出一个图像来解释它：

我希望我的网站页面的顶部有不同的颜色，然后下半部分是另一种颜色。

我有什么方法可以使用html / css代码来实现这一目标吗？

Answer 1

这是做到这一点的方法，但对于这样的问题，你应该研究一下并学习基础知识

.header{
  background-color:yellow;
  width:100%;
  height:150px;
  }
  .rest{
  background-color:black;
  width:100%;
  height:700px;
  }

<div class="header">
</div>
<div class="rest">
</div>

Answer 2

如果我理解正确，你可以创建一个div并追加css：

border-top：50px黄色固体; background-color：＃000000;

==============

这样标题部分仅用于设计，你不能在边框内放置相关代码。

如果您想使用该空间，可以执行以下操作：

<style type="text/css">

div.header {
text-align:center;
background-color: yellow;
color: #00000;
padding: 20px;
width: 100%;
}

div.body {
width: 100%;
backgroun-color: #000000;
color: #ffffff;
}
</style>

<div class="header">Title</div>
<div class="body">Content</div>

希望能帮到你，干杯

Answer 3

您可以尝试为标题添加元素，这样就可以在其中包含内容。

HTML5 添加了多个新标记以便更好地理解，您可以使用标记header，然后在标记main

中定义内容

例如：

＆＃13;

body {
  background: #FAFAFA;
  padding: 0;
  margin: 0;
}

header {
  background: #3F51B5;
  padding: 20px;
  text-align: center;
  color: white;
}

main {
  padding: 20px;
}

＆＃13;

<header>This is the header</header>

<main>
  This is the content
</main>

＆＃13;

Answer 4

有一种方法，你必须使用CSS来做到这一点假设你有。如果你使用的是HTML5或HTML4，那么下面的代码只是示例

<section>Header</section>
<article>Body</article>

现在您需要添加到<head></head>样式标记

<style></style>

但如果您使用的是HTML4，则必须

<style type="text/css"></style>

现在你需要选择其中一个并给它们颜色，在我的例子中我会给它们两种颜色

<style>
 section{
  background-color:#000000;
 }
 article{
  background-color:#FFFFFF;
 }
</style>

背景颜色不需要像#FFFFFF那样是十六进制的，它可以是rgb（0,0,0）或rgba（0,0,0,0）。

有没有办法在html + css中创建边框？

4 个答案: