图像的边距和对齐属性

已转行@

于 2021-09-22 11:20:00 发布

阅读量929

点赞数 1

分类专栏：从零学习HTML5 文章标签： html html5 ios

原文链接：https://www.ptpress.com.cn

版权

从零学习HTML5 专栏收录该内容

57 篇文章 13 订阅

订阅专栏

在网页中由于排版需要，我们如何调整图像的边距呢？

效果图如下：

1-15

废话少说，上代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图像的边距和对齐属性</title>
</head>
<body>
<img src="logo.jpg" alt="传智播客-专业的Java培训，.NET培训，PHP培训，网页培训，平面培训，iOS培训机构 " height="200" border="1" hspace="50" vspace="20" align="left" />
传智播客专业于Java、.NET、PHP、C/C++、网页设计、平面设计、UI设计、iOS培训——最专业的培训机构，花一分钱掌握多种技能。改变中国IT教育我们正在行动！

</body>
</html>

重点：

属性	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时显示的内容
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	数字	设置图像边框的宽度
vspace	像素	设置图像顶部和底部的空白（垂直边距）
hspace	像素	设置图像左侧和右侧的空白（水平边距）
align	left	将图像对齐到左边
（同上）	right	将图像对齐到右边
（同上）	top	将图像的顶端和文本的第一行文字对齐，其他文字居图像下方
（同上）	middle	将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方
（同上）	bottom	将图像的底部和文本的第一行文字对齐，其他文字居图像下方