Html CSS：用于显示像“不可用”这样的图像后

我有这张照片，这是我如何想我可以把这两条红白线来切割相机图标。问题是我在输出中看不到任何行。 问题在哪里

.fa:之后{
内容：''；
宽度：10px；
高度：2倍；
背景色：红色；
变换：旋转（45度）；
盒影：0 0 2px白色；
}

不可用的摄像头

您可以在

中使用
位置：相对/绝对
，
相对
。fa摄像头

（父级）和

中的
绝对
：之后


.fa摄像机{
职位：相对
}
.fa摄像机：：之后{
内容：''；
宽度：17px；
高度：2倍；
背景色：红色；
变换：旋转（45度）；
盒影：0 0 2px白色；
位置：绝对位置；
顶部：7px；
左：0
}

相机不可用
您应该将
位置：相对
添加到父元素，将
位置：绝对
添加到伪元素


.fa{
位置：相对位置；
}
英足总：之后{
内容：''；
左：0px；
最高：45%；
宽度：20px；
高度：1px；
背景色：红色；
变换：旋转（45度）；
边框底部：1px纯白；
位置：绝对位置；
}

相机不可用

正如其他人所说，您没有
显示
或
定位
行。到目前为止，其他解决方案还没有让白线起作用-您可以通过
border
可靠地做到这一点：


.fa{
位置：相对位置；
}
英足总：之后{
内容：''；
宽度：20px；/*使这个稍微大一点*/
高度：2倍；
背景色：红色；
变换：旋转（45度）；
边框底部：2倍实心#fff；/*边框，而不是长方体阴影*/
/*加上这些*/
位置：绝对位置；
左：-1px；/*您可能需要调整此参数*/
顶部：6px；/*您可能需要调整这个*/
不透明度：.8；/*不太清楚，但看起来您希望它略微透明*/
}
尝试添加display:block是的，我说的是“到目前为止”。我们一定是在同一时间写的。