Html 在不更改图像大小的情况下向图像添加边框/边框

Html 在不更改图像大小的情况下向图像添加边框/边框,html,css,image,frame,Html,Css,Image,Frame,我想给我的图像添加一个框架。但有了边界,图像就会缩小 这是我的代码: .img边框{ 身高:100%; 宽度:100%; 位置:绝对位置; z指数:1; } 两种解决方案: 使用带有0blur和1pxspread的插入box阴影。您可以在img本身上执行此操作,以避免使用包装器元素。阴影不会像边框那样影响布局 将png用作背景图像,并将背景原点设置为边框框。给相同的元素加上边框背景原点控制背景开始绘制的位置。() 两种解决方案: 使用带有0blur和1pxspread的插入box阴影。您

我想给我的图像添加一个框架。但有了边界,图像就会缩小

这是我的代码:

.img边框{
身高:100%;
宽度:100%;
位置:绝对位置;
z指数:1;
}

两种解决方案:

  • 使用带有
    0
    blur和
    1px
    spread的插入
    box阴影
    。您可以在
    img
    本身上执行此操作,以避免使用包装器元素。阴影不会像边框那样影响布局
  • 将png用作
    背景图像
    ,并将
    背景原点
    设置为
    边框框
    。给相同的元素加上边框<代码>背景原点控制背景开始绘制的位置。()
两种解决方案:

  • 使用带有
    0
    blur和
    1px
    spread的插入
    box阴影
    。您可以在
    img
    本身上执行此操作,以避免使用包装器元素。阴影不会像边框那样影响布局
  • 将png用作
    背景图像
    ,并将
    背景原点
    设置为
    边框框
    。给相同的元素加上边框<代码>背景原点控制背景开始绘制的位置。()

使用大纲代替边界这是否回答了您的问题?使用大纲代替边界这能回答你的问题吗?