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

 时间:2024-10-20 20:52:02

现在主流的网页设计布局都用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设置一个图片位置并有边框宽度

body对象如何使用 aLink 属性? css如何设置文本上下的行高 Dreamweaver如何使用jQ效果实现快速隐藏 Dreamweaver中怎么使用CSS控制Div 《Dreamweaver 8网页设计》:[11]边界留白
热门搜索
少女乳房图片 傣族服饰图片 178漫画网 苹果树简笔画图片 海贼王同人h漫画