th, td {border:1px solid #aaa}
table {border-collapse:collapse}
</style>
<table>
<tr><td>学号</td><td>101407117</td><td>相片</td></tr>
<tr><td>姓名</td><td>张葵花</td><td rowspan="6"><IMG SRC="C:\Users\Jenny\Desktop
\101407117_张葵花_作业2\me.jpg" ALT="me"></td></tr>
<tr><td>出生日期</td><td>83年8月1日</td>
<tr><td>籍贯</td><td>台湾省</td>
<tr><td>学历</td><td>圣约翰科技大学 资讯管理系</td>
<tr><td>喜好</td><td>上网、听音乐、看电影 </td>
<tr><td>兴趣</td><td>追星</td>
</table>
其实表格默认就是左对齐的
你的代码无法左对齐是因为每个单元格中的内容前后有空格导致的,把空格删除即可
图片那个在td中加入rowspan="6"(合并6行)就可以了
在css里text-align:left是让文字左对齐的
在td标签内部增加一个 align="left"或 align="right",td元素默认居左的,所以 align="left"可以省略不写。也可设定一个样式。.alignR{text-align:right}
居右:<td align="alignR"></td>
1、首先在table表格里,默认是显示两个边框线的,如果要设置成一条边框,在CSS中需要使用border-collapse设置为collapse,合并为一条边框。
2、CSS设置表格的宽度和高度,使用width宽度和height高度来设置,代码如下。
3、CSS设置表格的文本水平对齐方式。主要通过text-align来设置,有三个值:居左对齐left,居右对齐right,居中对齐center。
4、CSS设置表格的内边距。主要通过padding来设置,padding值越大,内边距越大。
5、最后设置CSS设置表格文本垂直对齐。主要通过vertical-align来设置,有三个值:顶部对齐top,居中对齐center,底部对齐bottom。
6、设置完成后,结果如下图所示。