|
#2
VB丶小宇2015-07-12 10:37
|
只有本站会员才能查看附件，请 登录
代码：
程序代码：<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head></head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red"> <!--定义单元格内文字与单元格边框的距离为0，定义单元格的表元间隙为：0，定义边框粗细为5，定义边框颜色为红色。-->
<tr>
<td valign="top" style="border:blue 5px solid; padding-bottom:10px;"><img src="Pictures/3.jpg"></img> <!--定义单元格的对齐方式为靠顶端对齐.css内联样式，定义边框颜色为蓝色，粗细为5像素，实线。图片距离底部边框为10像素。-->
</td>
</tr>
</table>
</body>
</html>
<meta charset="utf-8">
<html>
<head></head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red"> <!--定义单元格内文字与单元格边框的距离为0，定义单元格的表元间隙为：0，定义边框粗细为5，定义边框颜色为红色。-->
<tr>
<td valign="top" style="border:blue 5px solid; padding-bottom:10px;"><img src="Pictures/3.jpg"></img> <!--定义单元格的对齐方式为靠顶端对齐.css内联样式，定义边框颜色为蓝色，粗细为5像素，实线。图片距离底部边框为10像素。-->
</td>
</tr>
</table>
</body>
</html>
实现如图1的效果，可以正常显示。
错误的：
只有本站会员才能查看附件，请 登录
代码：
程序代码：<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head></head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red"> <!--定义单元格内文字与单元格边框的距离为0，定义单元格的表元间隙为：0，定义边框粗细为5，定义边框颜色为红色。-->
<tr>
<td valign="top" style="border:blue 5px solid; padding-left:10px;"><img src="Pictures/3.jpg"></img> <!--定义单元格的对齐方式为靠顶端对齐.css内联样式，定义边框颜色为蓝色，粗细为5像素，实线。图片距离左边框为10像素。-->
</td>
</tr>
</table>
</body>
</html>
<meta charset="utf-8">
<html>
<head></head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red"> <!--定义单元格内文字与单元格边框的距离为0，定义单元格的表元间隙为：0，定义边框粗细为5，定义边框颜色为红色。-->
<tr>
<td valign="top" style="border:blue 5px solid; padding-left:10px;"><img src="Pictures/3.jpg"></img> <!--定义单元格的对齐方式为靠顶端对齐.css内联样式，定义边框颜色为蓝色，粗细为5像素，实线。图片距离左边框为10像素。-->
</td>
</tr>
</table>
</body>
</html>
可以在图片中看到我用绿色线条标记的，我仅仅设置了padding-left 为何底部还有一部分小的空白呢？
求解析。
