html 之 img hspace 和 vspace 属性

案例<img src="w3school.gif" hspace="30" vspace="30" />

描述

通常图形浏览器不会在图像和其周围的文字之间留出很多空间。除非创建一个透明的图像边框来扩大这些间距，否则图像与其周围文字之间默认的两个像素的距离，对于大多数设计者来说是太近了。如果把图像放在超链接中，特殊颜色的边框会把你费尽心思留出的所有间距都占据了，而且还会使人们注意到文字与图像是多么接近。

hspace 和 vspace 属性可以给图像一个自由呼吸的空间。通过 hspace，可以以像素为单位，指定图像左边和右边的文字与图像之间的间距；而 vspace 值则是上面的下面的文字与图像之间的距离的像素数。

兼容性注释

不推荐使用 img 元素的 hspace 和 vspace 属性；在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中，不支持 img 元素的 hspace 和 vspace 属性。

请使用 CSS 代替。

CSS 语法：<img style="margin: 0px 50px">

转载于:https://www.cnblogs.com/zmztya/p/8150591.html

html 之 img hspace 和 vspace 属性相关推荐

Html中img自带属性有哪些,HTMLIMG标签的属性是有哪些？了解IMG标签的用法
css控制图片缩放:.tu img{ max-height:720px; max-width:640px; width:expression(this.width > 640 && ...
html邮箱提示的属性,HTML 邮件兼容问题与解决方案
HTML 邮件内容虽然也是 HTML,但是和我们在网页上使用的 HTML 不同,因为安全原因,各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理,不会按照你写的原本 HTML 展示. 在桌面 ...
Html中img自带属性有哪些,HTML IMG标签的属性是有哪些？了解IMG标签的用法
HTML IMG标签的属性是有哪些?IMG的用法了解一下?本篇文章为大家全面的讲解了HTML img标签属性的全部.希望大家都熟悉HTML,都熟悉img标签. 在 HTML 中,图像由标签定义. 是 ...
dw超链接标签_小花园DW学习笔记
点击蓝字关注我们 DW学习笔记 1.站点文件夹命名为学号-姓名,首页文件名为index.htm,站点所有图片均保存在images子目录中,图片可以从其它网站下载.抓图或手机拍照,要处理成.jpg或 ...
HTML5与HTML4的区别（译文）
2019独角兽企业重金招聘Python工程师标准>>> 本文选译自:W3C Working Group Note: HTML5 Differences from HTML4. 解释一 ...
outlook html阅读,Html Email 邮件html页编写指南
前言写过邮件的html的童学应该都知道,邮件的html一般都用table来布局,为什么呢?原因是大多数的邮件客户端(比如Outlook和Gmail),会过滤HTML设置,让邮件面目全非. 经过多次的 ...
HTML 文件在PC移动端完美自适应布局的技巧
本文作者:李晓玮,腾讯 IEG 高级工程师都2019年了,手机查看HTML邮件的体验怎么还那么差? 试想一下,你在夜深人静的时候,准备睡前查看一下订阅的邮件周报,而且还是一个精心设计过的HTML富文 ...
dw字体红色阴影_DW网页制作，傻瓜级教学来了！
点击蓝字关注我们 DW操作要点: 1.站点文件夹命名为学号-姓名,首页文件名为index.htm,站点所有图片均保存在images子目录中,图片可以从其它网站下载.抓图或手机拍照,要处理成.jpg ...
html常用标签（form标签）
一.form标签 form标签是html标签中非常重要的一个标签.常用于注册.登录页面的使用. <form action="提交地址" method="提交方式&q ...
菜鸟教程之 JavaScript 实例
From:https://www.runoob.com/js/js-examples.html JavaScript 和 HTML DOM 参考手册(:https://www.runoob.com/j ...

html 之 img hspace 和 vspace 属性

html 之 img hspace 和 vspace 属性相关推荐

最新文章

热门文章