标记以HTML格式翻译单词

时间：2014-05-10 15:07:50

标签： html css html5

我知道<del></del>标签会触发这个词，但是有任何标签在＆＃34; X＆＃34;标记

我正在制作HTML电子邮件，因此我只能以服务不会删除样式的方式使用HTML和CSS。

1 个答案:

答案 0 :(得分：3)

您可以使用简单的css逻辑来交叉HTML中的单词。这是逻辑

<!DOCTYPE html>
<html>
<head>
<style>
.cross {
    position: relative;
    display: inline-block;
}
.cross::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.cross::before {
    border-bottom: 2px solid black;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.cross::after {
    border-bottom: 2px solid black;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}
</style>
</head>

<body>
<h1 class="cross" >This is heading 1</h1>
</body>

</html>

Output

相关问题
最新问题