body leftMargin

最新推荐文章于 2020-04-27 19:34:17 发布
最新推荐文章于 2020-04-27 19:34:17 发布 · 1.2k 阅读 · 0

本文通过一个具体的示例展示了如何使用CSS的leftMargin和topMargin属性来调整页面元素的位置。通过对一个包含文本输入框的简单页面进行布局设置，验证了这些属性的作用范围仅限于其内部元素，并不会改变body标签本身的尺寸。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<body bgcolor="green" leftMargin=100 topMargin=20 marginheight="0" marginwidth="0">
<input type="text" value="test">
</body>


效果图：
[img]http://dl2.iteye.com/upload/attachment/0088/2895/bcb8f9b1-e74f-33bf-af4a-3e63378b1e3e.jpg[/img]

从图片效果可以看出，body的leftMargin和topMargin是针对其里面元素的，也就是说里面的元素使用body作为容器。所以body还是占据了整个窗口，这个从背景就可以看出。
css----margin样式属性和padding样式属性
My_liuying0901
05-19 957
margin样式属性 用于在一个声明中设置所有外边距的宽度，或者设置各边上外边距的宽度。该属性有多个值： margin属性可以有 1 到 4 个值： 这四个值分别对应着：margin-top样式属性，margin-right样式属性，margin-bottom样式属性，margin-left样式属性。 代码如下： <!DOCTYPE html> <html&...
html 之 body topmargin、leftmargin、rightmargin、bottomnargin
weixin_30279671的博客
12-30 1472
基本语法<body topmargin=value leftmargin=value rightmargin=valuebottomnargin=value> 语法说明 通过设置topmargin/leftmargin/rightmargin/bottomnargin不同的属性值来设置显示内容与浏览器的距离：  topmargin设置到顶端的距离  lef...
网页 BODY的topMargin 和leftMargin
GUI007的专栏
03-27 2230
 我在一个普通网页中放置一张图片(用dw.gif)但是不知什么原因,总是会在左边和上边留下不一些空白,我想干脆把图片做成body的background属性算了,但是后来发现这样的话会使按上一页下一页时出现白屏,所以否决了这个方案.后来再找了一下body的一些属性,终于找到了 下面两个属性,原来body的默认左边距是10,而上边距是15,所以我就把其设为0就可以了.
div+css - body边距
gdfjhc的博客
02-22 845
div+css - body边距
<body leftmargin="2" topmargin="9" background='<%=path %>/img/allbg.gif'>
06-09
<body leftmargin="2" topmargin="9" background='<%=path %>/img/allbg.gif'> <!-- 主体内容 --> </body> ``` 在 HTML 中，每个标签都可以包含多个属性，用于设置元素的各种属性值。这些属性可以通过 HTML 属性、...
<body leftmargin="2" topmargin="2" background='<%=path %>/img/allbg.gif'>
06-08
其中，属性值“leftmargin”和“topmargin”控制页面的外边距，而属性值“background”则指定了页面背景图片的路径，它使用了JSP的表达式语言来获取路径变量“${path}”。该页面还包含其他一些HTML标签，例如“<body...
<body leftmargin="2" topmargin="9" background='<%=path %>/img/allbg.gif'> <form action="<%=path %>/jiaoshi?type=jiaoshiAdd" name="formAdd" method="post"> <table width="98%" align="center" border="0" cellpadding="4" cellspacing="1" bgcolor="#CBD8AC" style="margin-bottom:8px">
06-08
这段代码包含了一个 `<body>` 标签和一个 `<form>` 标签，其中 `<body>` 标签用于定义网页的主体部分，包含了一些属性，如 `leftmargin`、`topmargin` 和 `background`。 `<form>` 标签用于创建一个表单，其中 `...
<body leftmargin="2" topmargin="2" background='<%=path %>/img/allbg.gif'> <form action="<%=path %>/jiaoshi?type=jiaoshiQuery" method="post"> <table> <tr> <td width="80">姓名</td> <td width="80"><input type="text" name="xingming" size="20" value="${xingming }"/></td> <td width="80">专业</td> <td width="80"><input type="text" name="zhuanye" size="20" value="${zhuanye }"/></td> <td width="80"><input type="submit" value="查询"/></td> </tr> </table> </form>
06-08
这是一个包含HTML和JSP的文本，它展示了一个表单页面，其中包含一个查询教师信息的表单，用户可以输入教师的姓名和专业信息，然后提交表单进行查询。该表单使用了JSP技术，其中的一些属性值使用了JSP的表达式语言来...
<%-- Created by IntelliJ IDEA. User: syp Date: 2023/5/22 Time: 13:59 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Denglu</title> </head> <body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> <div ALLGN="center"> <table border="0" cellspacing="0" cellpadding="0" id="table1"> <tr> <td height="150"></td> <td></td> </tr> <tr> <td width="600" height="400" background="img/2.jpg"></td> <td class="login_msg" width="400" align="center"> <fieldset style="width: auto; margin: 0px auto"> <legend> 欢迎使用常州工业职业技术学院人员管理系统 </legend> <br/> <form action="loginSuccess.action"> 用户:<input type="text" name="username"/><br> <br/> 密码:<input type="password" name="password"/><br> <br/> <input type="submit" value="登录"/> <a href="regist.action">注册</a> </form> </fieldset> </td> </tr> </table> </div> </body> </html>
06-06
这是一个JSP页面的代码，用于实现一个简单的登录页面。... ...表单的提交地址是“loginSuccess.action”，这意味着当用户点击“登录”按钮时，表单数据将被提交到服务器上的“loginSuccess”Action中进行处理。...
leftmargin 和rightmargin 调整页面边距
zsm653983的专栏
09-17 1935
html标签中的leftmargin rightmargin   左边距，上边距
HTML面试
ampg7191的博客
07-17 2097
------------------------------------------------------- 行列 td tr ol ------------------------------------------------------- 1. 在HTML中,表示页面背景的是　　——<body bgcolor=> 2....
margin-left是什么意思
热门推荐
lin123_00的博客
04-27 2万+
margin属性是用于设置元素的外边距，所以margin-left 属性就是用于设置元素的左外边距。下面我们就来看看margin-left的详细内容。 margin-left属性和margin属性一样所有的主流浏览器都支持这个属性 margin-left属性的属性值可以使用负值，下面我们来看margin-left有哪些可用的值 auto：浏览器设置的左外边距。 length：定义固定的左外...
在代码中设置leftMargin和rightMargin值
liao277218962的专栏
04-14 3829
布局文件片段如下： [html] view plaincopy LinearLayout          android:layout_width="wrap_content"          android:layout_height="wrap_content"          ...>            GridView              andro
一个奇怪的发现:html与body,body的margin对html不起作用，html的padding对body却起作用
kbx8916的博客
04-08 2737
eg: html { border:2px solid blue; } body { border:2px solid red; margin:100px; padding:50px; } 这里是文段 1.第一种情况: body有margin,html没padding: 可以看到不管body的margin有多大，body与html
position理解、margin-left与left的区分
风一样的少年
08-24 1万+
在W3C中，如是说： position 可能的取值： absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 &amp;quot;left&amp;quot;, &amp;quot;top&amp;quot;, &amp;quot;right&amp;quot; 以及 &amp;quot;bottom&amp;quot; 属性进行规定。 fixed 生成绝对定位的
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值