怎么用css设置一个图片位置并有边框宽度

1、方法一：用table+css实现：添加一个table，把图片img放到td里面，对td写对齐样式，对img标签写边框样式；

<table width="500" border="1" cellspacing="0" cellpadding="0">召财

  <tr>

 光沫膨   <td height="400" style="text-align:center;">

    <img src="a.jpg

    </td>

  </tr>

</table>

2、方法二：用div+css实现：添加一个div，把图片img放到div里面，在div写对齐css；对img标签写边框样式；

<div style="text-align:center; width:500px; height:400px;"><img src="a.jpg

3、方法三：对Css进行封装：添加一个类或场露ID，命名为tupian，把图片img放到div里面，对.tupian或#tupian进行写Css;

<style>

.tupian{ width:500px; height:400px; text-align:center; display:block;}

.tupian img{ border:3px solid #03F;}

</style>