一般情况下，插入的图片就会按照它的原始尺寸显示，那我们如何手动更改图片的大小呢？
效果图如下：
废话少说，上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图像的宽高和边框属性</title>
</head>
<body>
<img src="logo.jpg" alt="传智播客-专业的Java培训，.NET培训，PHP培训，网页培训，平面培训，iOS培训机构 " border="2"/>
<img src="logo.jpg" alt="传智播客-专业的Java培训，.NET培训，PHP培训，网页培训，平面培训，iOS培训机构 " width="120" />
<img src="logo.jpg" alt="传智播客-专业的Java培训，.NET培训，PHP培训，网页培训，平面培训，iOS培训机构 " width="120" height="200" />
</body>
</html>
重点：
| 属性 | 属性值 | 描述 |
|---|---|---|
| src | URL | 图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬停时显示的内容 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
| vspace | 像素 | 设置图像顶部和底部的空白（垂直边距） |
| hspace | 像素 | 设置图像左侧和右侧的空白（水平边距） |
| align | left | 将图像对齐到左边 |
| （同上） | right | 将图像对齐到右边 |
| （同上 ） | top | 将图像的顶端和文本的第一行文字对齐，其他文字居图像下方 |
| （同上 ） | middle | 将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方 |
| （同上 ） | bottom | 将图像的底部和文本的第一行文字对齐，其他文字居图像下方 |
声明：“来自于网络，如果侵犯著作权，请联系删除”
1811
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
