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

 时间:2024-10-14 13:25:09

1、新建一个html文件,命名为index.html。

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

2、在index.html文件中,使用div标签创建一个模块,设置div的class属性为container;在div模块内,使用img标签创建一张图片,图片为images文件夹下的lantian.jpg。

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

3、在index.html文件的css标签内,使用“.”选择div模块,使用img选择兔脒巛钒图片;使用margin-left属性设置左外边距,使用margin-top属性设置上外边距,使用border幻腾寂埒-width属性设置边框的宽度,使用border-style属性设置边框的样式,使用border-color属性设置边框的颜色。

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

4、在浏览器中打开index.html文件,查看效果。

怎么用css设置一个图片位置并有边框宽度
  • PS制作红色的中国银行标志教程
  • ps怎么制作动感文字效果
  • PS木头质感浮雕站立字, 站在风景里的木质特效字
  • PS怎么快速制作光球
  • ps如何快速制作复选框图案
  • 热门搜索
    乳源大峡谷旅游攻略 攀枝花旅游景点大全 南昌旅游团 庐山旅游线路 千岛湖旅游官网 济源旅游景点大全 宜昌旅游网 印度尼西亚旅游攻略 青岛旅游景点图片 深圳大梅沙旅游攻略