如何在CSS中实现对角线删除线文本？

Question

例如，如果您在此处查看图片：

是否有可能创造出爱恨的部分？隐藏文字有点但在Love文本下面？而且，我怎样才能删掉仇恨文本呢？

Answer 1

是的，这是可能的，但我不建议这样做

用于描边：只需创建一个元素并稍微旋转

用于“underneath”外观：使用position: relative（绝对值），边距，填充等。

这是实例：http://jsfiddle.net/78qpE/1/

Answer 2

如果您希望图像看起来像您附加的图像，它将在像Illustrator这样的程序中完成，但目前还不清楚这是否是您想要的。你能详细说明，还是提供你想要做的代码？可以在单独的DIV中同时拥有“Love”和“Hate”，由CSS定位。如果它只是文本，那么也有用于删除线的CSS控件。