在HTML5中，边框的边距（margin）和填充（padding）通常是通过CSS来设置的，而不是直接在HTML中_htmlvss上边距框代码-程序员宅基地

技术标签： HTML5(HyperText Markup) Job(a good job programmer) java js html CSS(Cascading Style Sheets)

在HTML5中，边框的边距（margin）和填充（padding）通常是通过CSS来设置的，而不是直接在HTML中。边框本身是由CSS的border属性定义的，而边距和填充则分别通过margin和padding属性来设置。

下面是一个简单的示例，展示了如何为HTML元素设置边框、边距和填充：

html

设置边框的边距

这是一个带有边框、边距和填充的盒子。

在这个示例中，我们定义了一个CSS类.box，该类为元素设置了边框、边距和填充。

border: 2px solid black; 设置了一个2像素宽、实线样式、黑色的边框。
margin: 10px; 设置了外边距，这里四个方向（上、右、下、左）都是10像素。你也可以分别设置每个方向的边距，如margin: 10px 20px 10px 0;（上10px，右20px，下10px，左0px）。
padding: 20px; 设置了内边距，即边框与元素内容之间的空间，这里也是四个方向都是20像素。同样，你也可以分别设置每个方向的内边距。
请注意，margin和padding可以接受不同的值来分别设置每个方向的大小。例如，margin: 10px 5px; 会设置上下外边距为10像素，左右外边距为5像素。

还要注意的是，虽然示例中使用了div元素来展示边框、边距和填充，但这些CSS样式可以应用于任何HTML元素。

marginheight 属性规定框架内容与框架的上方和下方之间的高度，以像素计。

 	<html >
 	<head>
 	<title>设置边框的边距</title>
 	</head>
 	<frameset rows="30%,30%,*" >
 	<frame src="red.html" marginwidth=50px >  
 	<frame src="blue.html" marginwidth=100px >     
 	<frameset cols="40%,*" >
 	<frame  src="red.html" marginheight=50px>
 	<frame src="复件white.html" marginwidth=100px marginheight=50px>
 	</frameset>
 	</html>

<style>
body {
    color:black;
font:2em, arial;
background-color:red;
}
</style>
<body>
red
</body>

<style>
body {
    color:black;
font:2em, arial;
background-color:white;
}
</style>
<body>
white
</body>

在这里插入图片描述

本文链接：https://blog.csdn.net/blog_programb/article/details/106987206

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Qt 代码规范(叶海)_csdn叶海-程序员宅基地

文章浏览阅读1k次。代码规范文件夹及文件名空间命名类函数变量花括号枚举信号/槽文件夹及文件名//使用首字母大写驼峰命名MainWindow3dparty //(第三方文件夹名称)除外MainWindow.cppmain.cpp //除外空间命名#define RO_NETWORK_BEGIN namespace RO_NAMESPACE { namespace RO_NETWORK_NAMESPACE {#define RO_NETWORK_END }}类//使用首字母大写驼峰命名与文件名一致cl_csdn叶海

swift--UIStackView的实用技巧_swift stackview-程序员宅基地

文章浏览阅读1.4k次。基础这部分参考：原文地址open var axis: NSLayoutConstraint.Axis // 子控件布局方向(水平或者垂直),也就是下面说的轴方向,/**case fill 沿轴方向填充视图.会按照优先级压缩或者拉伸子视图case fillEqually 沿轴方向使子视图等宽或者等高case fillProportionally 沿轴方向按照`in..._swift stackview

软件测试在国内的现状与趋势_测试的全国形式-程序员宅基地

文章浏览阅读7k次。软件测试在国内的现状与趋势前导语1：先了解一下什么是软件测试，及其重要性软件测试是保证软件质量、提高软件可靠性的重要途径，软件测试的质量与测试人员的技能、经验以及对被测软件的理解密切相关。前导语2：再了解一下国外的软件测试的现状与发展。国际上，软件测试（软件质量控制）是一件非常重要的工程工作，测试也作为一个非常独立的职业。在IBM、_测试的全国形式

Android audio 输出设备选择过程分析(下)_audio_hw_utils.c中的set_route-程序员宅基地

文章浏览阅读1.2w次，点赞7次，收藏57次。上篇的分析到audio_route，现在接个力，也算是7月的作业，再不交这个月就落下了。audio_route_apply_and_update_path分两个过程，从函数名字都能看出来，一个是apply,一个是updata:audio_route_apply_path/* Apply an audio route path by name */int audio_route_ap..._audio_hw_utils.c中的set_route

Java中当控制台用户输入错误时怎么重新输入_java如果用户输入错误,可以重复输入直到输入正确,执行相应的操作后退出循环-程序员宅基地

文章浏览阅读1.1w次，点赞17次，收藏62次。Java中当控制台用户输入错误时怎么重新输入Java中当控制台用户输入的数据类型不是我们指定输入的数据类型时，我们往往需要用户重新输入。_java如果用户输入错误,可以重复输入直到输入正确,执行相应的操作后退出循环

AltiumDesigner 中对已覆铜进行 - 开窗-处理_ad中画好的铜皮怎么开窗-程序员宅基地

文章浏览阅读6.3k次。转载自：https://blog.csdn.net/weixin_45284684/article/details/106259347AltiumDesigner 中对已覆铜进行 - 开窗-处理PCB在铜箔之上会有一层绿油覆盖层（阻焊层），开窗即是去除该阻焊层，将铜箔裸露出来。开窗作用：开窗后在裸露铜箔（导线）上加锡（加厚了导线的厚度）从而增加电流导通能力；开窗后，铜箔（导线）裸露与空气直接接触，有助于散热。1 2走线开窗、不规则开窗（区域开窗）**走线开窗示意图不规则开窗_ad中画好的铜皮怎么开窗

随便推点

NVIDIA vGPU vApps/vWS/vCS适配GPU版本介绍-程序员宅基地

文章浏览阅读2.9k次。NVIDIA vGPU 12.0版本-vGPU版本名称变化 -注: 2021年1月生效最新名称 NVIDIA Virtual PC (vPC)-曾用名称 NVIDIA GRID Virtual PC (GRID vPC) 最新名称 NVIDIA Virtual Applications (vApps)-曾用名称 NVIDIA GRID Virtual Applications (GRID vApps) 最新名称 NVIDIA RTX Virtual Workstation (vWS)-曾用名...

ssh树苺派问题：-bash: warning: setlocale: LC_ALL: cannot change locale (zh_CN)-程序员宅基地

文章浏览阅读1.2w次，点赞2次，收藏5次。1 问题描述MAC、Ubuntu16.04通过ssh方式连接树苺派4B时，均出现如下问题提示，并且在编辑时出现乱码。-bash: warning: setlocale: LC_ALL: cannot change locale (zh_CN)其中，树苺派locale如下locale: Cannot set LC_CTYPE to default locale: No such file ..._bash: warning: setlocale: lc_all: cannot change locale (zh_cn.utf-8)

MybatisPlus基础学习之插入更新数据和主键生成策略_myibatisplus插入时其他字段也插入主键的值-程序员宅基地

文章浏览阅读1k次。3.MybatisPlus插入和更新数据上一篇博客带领大家快速入门体验了一下MybatisPlus，今天带大家学习一下MybatisPlus如何插入和更新数据，以及它自带的主键生成策略的简单使用！如果还没有看过上一篇的MybatisPlus快速入门体验的，我把博客链接贴出来，大家可以学习完后再来阅读本篇博客：https://blog.csdn.net/weixin_45301250/article/details/118833460?spm=1001.2014.3001.55013.1 插入数据测试_myibatisplus插入时其他字段也插入主键的值