默认边距有多宽？-html教程-PHP中文网

默认边距有多宽？

WBOY

发布： 2023-08-26 17:29:03

转载

1695人浏览过

默认边距有多宽？

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 中的默认边距

示例

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

eShop公众号商城

项目介绍： eShop是基于eFrameWork低代码开发平台搭建的微信公众号商城系统，主要功能包括：产品、订单、购物车、收藏、收货地址。已集成微信登录、微信支付、分享等接口。更多功能可自行二次开发实现。当前发布的数据库有两个版本，SQLServer和SQLite（无需安装数据库),默认为SQLite，根据实际需要切换。项目版本：VS2012+，数据库版本：S

查看详情

<!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中文网其它相关文章！