Java HTML：：反正是'；拆分'；身体标签？_Java_Html_Css_Split_Styles

Java HTML：：反正是'；拆分'；身体标签？

java html css

Java HTML：：反正是'；拆分'；身体标签？,java,html,css,split,styles,Java,Html,Css,Split,Styles,一直以来我都是这个网站的潜伏者（在很多场合都能派上用场），但今天我有必要发布我自己的问题（我知道这一天会到来）首先，我只是在学习HTML，在为一个课程项目设计时，我遇到了一个问题我想做的是将页面“拆分”为两个部分，拆分的意思是有一个导航菜单，一半是标题，另一半是主要内容区域，但我有一个设计，它在所有角落都有圆角，这意味着我正在寻找一种方法来创建两个类似的“body”标签，这将允许以下内容：（来源：）有没有办法得到像上图那样的东西谢谢 Jack一个html页面只能有一个“正文”。您可能

一直以来我都是这个网站的潜伏者（在很多场合都能派上用场），但今天我有必要发布我自己的问题（我知道这一天会到来）

首先，我只是在学习HTML，在为一个课程项目设计时，我遇到了一个问题

我想做的是将页面“拆分”为两个部分，拆分的意思是有一个导航菜单，一半是标题，另一半是主要内容区域，但我有一个设计，它在所有角落都有圆角，这意味着我正在寻找一种方法来创建两个类似的“body”标签，这将允许以下内容：

（来源：）

有没有办法得到像上图那样的东西

谢谢

Jack

一个html页面只能有一个“正文”。您可能正在寻找的是一个“div”元素，或者称为“HTML文档分割元素”。有关更多详细信息，请查看

据我所知，您不应该创建两个body标签。相反，您可以在主体中添加两个标记，并将内容放在div中。如果要绕过div的边界，应该使用一些css代码

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    #up
    {
    border:2px solid #a1a1a1;
    padding:10px 40px; 
    background:#dddddd;
    width:90%;
    margin:5px;
    border-bottom-left-radius:2em;
    border-bottom-right-radius:2em;
    }
    #down
    {
    border:2px solid #a1a1a1;
    padding:10px 40px;
    margin:5px;
    background:#dddddd;
    width:90%;
    border-top-left-radius:2em;
    border-top-right-radius:2em;
    }
    </style>
    </head>
    <body>

    <div id='up'>
MAIN PART 1
The border-radius property allows you to add rounded corners to elements.
</div>
    <div id='down'>

MAIN PART 2
The border-radius property allows you to add rounded corners to elements.
</div>

    </body>
    </html>


#向上
{
边框：2px实心#A1A1；
填充：10px 40px；
背景：#dddddd；
宽度：90%；
保证金：5px；
边框左下半径：2米；
边框右下半径：2米；
}
#向下
{
边框：2px实心#A1A1；
填充：10px 40px；
保证金：5px；
背景：#dddddd；
宽度：90%；
边框左上半径：2米；
边框右上半径：2米；
}
主要部分1
“边界半径”属性允许您向图元添加圆角。
主要部分2
“边界半径”属性允许您向图元添加圆角。

我做过一次。这实际上是ASP.NET中的一种常见做法，因为它们在节（占位符）和母版页中工作

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <style>
      .body1, .body2{
     margin:0 auto;
     height:200px;
       }
      .body1{
      background-color:blue;
      width:1200px;
       }
      .body2{
      background-color:red;
      width:1200px;
       }

     </style>
   </head>

      <section class="body1"> 1 </section>
      <section class="body2"> 2 </section>

   </html>


.body1、.body2{
保证金：0自动；
高度：200px；
}
.body1{
背景颜色：蓝色；
宽度：1200px；
}
.body2{
背景色：红色；
宽度：1200px；
}
1.
2.

如中所述，您不能有多个

标记

要在身体内部创建部分，可以使用

标记（或其他新的html5标记，如

，

。希望能有所帮助。
你试过使用div吗？是的，但是因为div在body标记内，所以将div四舍五入实际上没有任何效果。除非我做错了。是的，这只是基本的CSS，带有样式化的div或section等。向我们展示你正在使用的代码，我们将展示正在进行的操作。）首先，html文档只能有一个包含整个文档的body标签，所以“head”和“body”在html中，不代表可见的页眉和页身。你在页面上看到的所有内容，所有类型的逻辑页眉、菜单和部分都是用其他标记创建的。例如Div标记。所以我当时做错了，想分享更多吗？@ralph.m