首页  >  文章  >  web前端  >  默认边距有多宽?

默认边距有多宽?

WBOY
WBOY转载
2023-08-26 17:29:031486浏览

默认边距有多宽?

HTML 中默认的

边距为 8px。它由浏览器提供的用户代理样式表以像素为单位定义。有些浏览器允许您创建和使用自己的用户代理样式表,但如果您正在开发网站,请保持不变。

HTML 中的默认边距

示例

让我们看一个简单的例子。在这里,由于默认边距是 8px,我们不会尝试更改它 -

<!DOCTYPE html>
<html>
<title>Example</title>
<head>
   <style>
      body {
         background: orange;
      }
   </style>
<body>
   <h1>Free Resources</h1>
   <p>We have the following resources for the users:</p>
   <div id="container">
      <ul>
         <li>Video Courses</li>
         <li>Notes</li>
         <li>Interview QA</li>
         <li>MCQs</li>
      </ul>
   </div>
</body>
</html> 

更改 HTML 中的默认边距

示例

现在,让我们更改默认边距 -

<!DOCTYPE html>
<html>
<title>Example</title>
<head>
   <style>
      body {
         background: orange;
         margin: 25px;
      }
   </style>
<body>
   <h1>Free Resources</h1>
   <p>We have the following resources for the users:</p>
   <div id="container">
      <ul>
         <li>Video Courses</li>
         <li>Notes</li>
         <li>Interview QA</li>
         <li>MCQs</li>
      </ul>
   </div>
</body>
</html>

您可以轻松比较上述两个示例并发现边距差异。

以上是默认边距有多宽?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除