养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-21 04:00:57

现在主流的网页设计布局都用div+css了,当然也还有朋友在使用table+css的,下面为大家介绍三种方法用css设置一个图片位置并有边框宽度。

工具/原料

网页设计软件如DW

电脑

方法/步骤

1、方法一:用table+css实现:添加一个table水貔藻疽,把图片img放到td里面,对td写对齐样式,对img标签写边框样式;媪青怍牙<tablewidth="500"border="1"cellspacing="0"cellpadding="0"><tr><tdheight="400"style="text-align:center;"><imgsrc="a.jpg"width="293"height="220"style="border:3pxsolid#F00"></td></tr></table>

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

2、方法二:用div+css实现:添加一个div,把图片坡纠课柩img放到div里面,在div写对齐css;对img标签写边框样坜燔潮蟾式;<divstyle="text-align:center;width:500px;height:400px;"><imgsrc="a.jpg"width="293"height="220"style="border:3pxsolid#0F0;"></div>

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

3、方法三:对Css进行封装:添加一个类或ID,命名为tupian,把图片img放到div里面,对.tupian或#tupian进行写Css;<style>.tupian{width:500px;height:400px;text-align:center;display:block;}.tupianimg{border:3pxsolid#03F;}</style>

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

© 一点知识