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

 时间:2024-10-13 04:47:03

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" width="293" height="220" style="border:3px solid #F00"> </td> </tr></table>

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

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

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

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>

怎么用css设置一个图片位置并有边框宽度
  • body对象如何使用 aLink 属性?
  • css如何设置文本上下的行高
  • Dreamweaver如何使用jQ效果实现快速隐藏
  • Dreamweaver中怎么使用CSS控制Div
  • 《Dreamweaver 8网页设计》:[11]边界留白
  • 热门搜索
    弘扬传统文化手抄报 防震减灾手抄报花边 创文明城市手抄报资料 民族风情手抄报 法制知识手抄报内容 语言的魅力手抄报资料 手抄报小插图 手抄报怎么写 名胜古迹手抄报 防火手抄报内容