网页 BODY的topMargin 和leftMargin

最新推荐文章于 2023-05-11 16:27:46 发布
最新推荐文章于 2023-05-11 16:27:46 发布
阅读量2.2k 收藏
点赞数
本文介绍了如何解决网页中图片显示时出现的空白问题，并通过调整body的leftmargin和topmargin属性来消除空白。

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

 

我在一个普通网页中放置一张图片(用dw.gif)但是不知什么原因,总是会在左边和上边留下不一些空白,

我想干脆把图片做成body的background属性算了,但是后来发现这样的话会使按上一页下一页时出现白屏,所以否决了这个方案.

后来再找了一下body的一些属性,终于找到了 下面两个属性,原来body的默认左边距是10,而上边距是15,所以我就把其设为0就可以了.

<body background="images/dw.gif" topmargin="0" leftmargin="0")

GUI007
关注
html 之 body topmargin、leftmargin、rightmargin、bottomnargin
weixin_30279671的博客
12-30 1459
基本语法<body topmargin=value leftmargin=value rightmargin=valuebottomnargin=value> 语法说明 通过设置topmargin/leftmargin/rightmargin/bottomnargin不同的属性值来设置显示内容与浏览器的距离：  topmargin设置到顶端的距离  lef...
在CSS之中实现<body topmargin="0">
Saga
01-21 187
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
leftmargin topmargin marginheight marginwidth
anderberte
07-12 761
参数leftmargin表示与浏览器左部距离  参数topmargin 表示与浏览器顶部距离  参数marginwidth  表示与左右边边界 ie不支持参数 marginheight表上下边边界 ie不支持   不知你在做网页时有没有发现  在body标签里居然还能用margin属性 按理说他是已经是根了 但还有这说属性说明他并不是我们认为的根 而他上面还有  按上面的 leftmargin r
body leftMargin
zengshaotao的专栏
08-17 1208
效果图： [img]http://dl2.iteye.com/upload/attachment/0088/2895/bcb8f9b1-e74f-33bf-af4a-3e63378b1e3e.jpg[/img] 从图片效果可以看出，body的leftMargin和topMargin是针对其里面元素的，也就是说里面的元素使用body作为容器。所以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...
HTML5网页设计：<BODY>标签属性详解
3. **边距调整**：`leftmargin`、`rightmargin`、`topmargin` 和 `bottommargin` 可以用来设置元素相对于浏览器窗口的上下左右边距，但现代HTML倾向于使用CSS的`margin`属性来实现更精细的控制。 4. **Scroll** ...
HTML<body>标签详解：构建网页内容的核心
文档边缘的设置允许开发者调整页面内容与浏览器边框之间的距离，这可以通过在<body>标签中添加topmargin、leftmargin、rightmargin和bottommargin属性来完成，它们分别对应顶部、左侧、右侧和底部的边缘大小，单位...
HTML基础：BODY属性与网页设计
"这篇资料主要介绍了HTML的基础知识，特别是BODY元素的属性，同时提到了HTML在Web开发中的作用，以及动态网页技术CGI和PHP的角色。" 在HTML中，BODY元素是网页内容的主要容器，它定义了网页可见部分的属性。BODY...
margin-top margin-left border
dreamer_zhou的博客
09-17 492
这篇文章说明：div盒子里套个span盒子，在span标签里设置margin-top与margin-left属性，div标签添加border-top与不添加border-top的区别
关于元素设置margin-top能够改变body位置的原因及解决（子元素设置margin-top改变父元素定位）...
anea54988的博客
10-18 740
关于元素设置margin-top能够改变body位置的原因及解决（子元素设置margin-top改变父元素定位） 起因：在进行bootstrap的.navbar-brand内文字设置垂直居中时采用line-height=高度，无法居中，发现源码.navbar-brand 设置了 padding:15px 15px;（默认导航高度为50），于是居中应该是等于高度-30，解决过程中写了几...
top、margin-top的区别
u010227447的专栏
06-07 2568
简单说一些top、margin-top的区别： 1、top、bottom、left、right是绝对定位，必须设置position为absolute。 margin一系列设置是相对定位。 注意：如果用top等，而position未设置为absolute，那设置是不起作用的。 2、top这些在绝对定位的前提下，这个绝对定位，是相对body  或者  position：rela
body标签主要的属性
zhujiaxing666666的专栏
01-02 1299
bgcolor="文本颜色"   background="背景图片"  text="文本颜色" 超链接文字的颜色 　　为了突出超链接，超链接文字通常采用与其它文字不同的颜色，超链接文字的下端还会加一个横线。 　　HTML文字的超链接文字有默认的颜色，在标记中也可自定义这些颜色。有3个属性： 　　⑴ link：未访问过的超链接颜色 　　⑵ vlink：已访问过的超链接
js document 常见的属性与方法
xiaoweids的博客
05-11 953
document.images.oImage.src //document.images.name属性.src。document.all.oDiv.style.display="" //图层设置为可视。document.all.oDiv.style.display="none" //图层设置为隐藏。document.images.oImage //document.images.name属性。
web开发 边距属性 margin
zamaochick的博客
12-13 4628
1.功能介绍： 通过&lt;body&gt;元素中的topmargin,leftmargin,rightmargin,bottommargin属性设置页面边距，调整页面显示内容与浏览器边框的距离，使内容显得更加美观。 2.语法说明： &lt;body topmargin="value" leftmargin="value" rightmargin="value" bottommatgin=...
JS浮动层
weixin_30622107的博客
10-24 67
朋友叫我帮找一个浮动广告层的JS特效代码，在网上找了不少都有错就随手写了一个。点击查看效果一、把以下代码插入<body></body>标签中： <divid="FloatDIV"style="position:absolute;top:0px;border-right:activeborder1pxsolid;border-top:act...
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
Bootstrap排版
Peak Xin's Blog
06-23 947
标题（一） Bootstrap和普通的HTML页面一样，定义标题都是使用标签到,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示： 通过比较可以发现，Bootstrap标题样式进行了以下显著的优化重置： 1、重新设置了margin-top和margin-bottom的值，  h1~h3重置后的值都是20p
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值