Html 将图片居中放置在圆圈内
我试图在图像周围添加边框,但无论我做什么,我都无法将图像定位在圆的中心。如果你能帮我解决这个问题,我将不胜感激。这是我的名片Html 将图片居中放置在圆圈内,html,css,Html,Css,我试图在图像周围添加边框,但无论我做什么,我都无法将图像定位在圆的中心。如果你能帮我解决这个问题,我将不胜感激。这是我的名片 .firstcell::after{ 边框:2倍实心rgba(138223199,0.74); 边界半径:500%; 内容:“; 位置:绝对位置; 左:2px; 高度:32px; 宽度:32px; } .firstcell.status_1{ 背景重复:无重复; 背景图片:url(数据:数据:图像/png;Bas64,Ivborwwwwwwwwwwwwwwwwwwwww
.firstcell::after{
边框:2倍实心rgba(138223199,0.74);
边界半径:500%;
内容:“;
位置:绝对位置;
左:2px;
高度:32px;
宽度:32px;
}
.firstcell.status_1{
背景重复:无重复;
背景图片:url(数据:数据:图像/png;Bas64,Ivborwwwwwwwwwwwwwwwwwwwwwwwwwww8)数据:数据数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/png;巴巴巴巴巴巴巴巴巴64,基础64,Ivwwwwwwwwwgababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababawwwwwwwwwwwbababababababababababababababababababababababababababababababababababababababababababababa9750OO6FOBMWQL+M//lAwlj8cF/UAr4jkUPfqH//7+hkpjpwa3io1catalv2bi3vmgox885y++99sga8coffju3ooqwxu4230jmih+bsllzgsed6lbkfzvp0mpjo54aln33//u4hm3oxffyenossmbxu2adnvx9/nz24z/v+yqksolzp5sxzn64c7nx0,当jrd2x6x6cof4cof0c6y6f6yxo9dec4jjjljjjjjjjljljljjjjjjjjjjjjjjjzzzzzzzzf6ljjjjjj;
}
一些头衔
地位
名称
标题
链接
名称1
标题1
姓名2
标题2
给你!避免使用CSS链接图像(仅适用于静态背景)。
如果要在图像周围画一条线,只需添加边框属性
img{
边界半径:50%;
背景色:红色;
边框:10px纯黑;
}
从伪元素中删除位置:绝对;
,添加显示:块;
,然后将背景位置
应用于背景图像
.firstcell::after{
边框:2倍实心rgba(138223199,0.74);
边界半径:500%;
内容:“;
高度:32px;
宽度:32px;
显示:块;
}
.firstcell.status_1{
背景重复:无重复;
背景图片:url(数据:数据:图像/png;Bas64,Ivborwwwwwwwwwwwwwwwwwwwwwwwwwww8)数据:数据数据:图像/数据:图像/数据:图像/数据:图像/数据:图像/png;巴巴巴巴巴巴巴巴巴64,基础64,Ivwwwwwwwwwgababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababawwwwwwwwwwwbababababababababababababababababababababababababababababababababababababababababababababa9750OO6FOBMWQL+M//lAwlj8cF/UAr4jkUPfqH//7+hkpjpwa3io1catalv2bi3vmgox885y++99sga8coffju3ooqwxu4230jmih+bsllzgsed6lbkfzvp0mpjo54aln33//u4hm3oxffyenossmbxu2adnvx9/nz24z/v+yqksolzp5sxzn64c7nx0,当jrd2x6x6cof4cof0c6y6f6yxo9dec4jjjljjjjjjjljljljjjjjjjjjjjjjjjzzzzzzzzf6ljjjjjj;
背景位置:40%40%;
}
一些头衔
地位
名称
标题
链接
名称1
标题1
姓名2
标题2
我正在尝试用2px边框画一个空圆圈。看看我的示例。这不是我想要实现的。Mate,正如我所说,只需添加边框属性并避免使用CSS链接的图像。我们不会为您编写代码,只需向您展示正确的方法。为什么不将背景图像放入。firstcell::after
?我会在表格中使用position:absolute;
几乎从来都不是一个好主意。
@user500665我将有多个状态值。因此,我想为所有firstcell
类添加圆圈,并根据状态添加不同的图像,这取决于图像,您可能必须找到理想的背景位置或者每个图像单独显示。只需将背景置于.firstcell.status\u 1:after
中,然后使用背景位置:center?